1. 程式人生 > >JavaScript&jQuery.鍵盤事件

JavaScript&jQuery.鍵盤事件

-s 變化 viewport event lse htm func asc html

鍵盤事件


鍵盤事件,當用戶操作鍵盤時發生。

常見的鍵盤事件有:

  • input,當<input>或<textarea>元素的值發生變化時觸發。
  • keydonw,當用戶按下鍵盤上的任意鍵時觸發。
  • keypress,當用戶按下鍵盤上一個鍵並在屏幕上反映一個字符時觸發。
  • keyup,當用戶松開鍵盤上一個鍵時觸發。

<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>獲取鍵盤的ASCII碼</h1>
<textarea id="textarea"></textarea>
<p id="out">
<script>
var EL = document.getElementById(‘textarea‘);
EL.addEventListener(‘keyup‘, checkkey, false);

function checkkey(e) {
var out = document.getElementById(‘out‘);
out.textContent = "按下鍵的ASCII:" + e.keyCode;
}
</script>
</p>
</body>
</html>


JavaScript&jQuery.鍵盤事件