HTML KeyboardEvent which 属性
HTML KeyboardEvent which 属性返回在 HTML 文档中触发 onkeypress 事件、onkeydown 事件或 onkeyup 事件的键的 Unicode 字符代码。
语法
以下是语法 -
event.which
让我们看一个 HTML KeyboardEvent which 属性的示例 -
示例
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } input { border: 2px solid #fff; padding: 8px; background: transparent; width: 310px; border-radius: 20px; outline: none; } ::placeholder { color: #000; } .show { font-size: 1.2rem; color: #fff; } </style> <body> <h1>HTML KeyboardEvent which Property Demo</h1> <input type="text" placeholder="Enter your message" onkeypress="display(event)"> <div class="show"> <p>The above message in Unicode character is:</p> </div> <script> function display(event) { document.querySelector(".show").innerHTML += "<p>" + event.which + "</p>"; } </script> </body> </html>
输出
现在开始在文本字段中键入您的消息,然后在 Unicode 字符下方看到相同的消息 -
广告