jQuery キーボード イベント keydown() および keyup() イベント
keydown() イベント
定義と使用法
完全なキー押下プロセスは 2 つの部分に分かれています: 1. キーが押される、2. キーが放される。
ボタンが押されるとkeydownイベントが発生します。
keydown() メソッドは、keydown イベントをトリガーするか、keydown イベントの発生時(shí)に実行する関數(shù)を指定します。
注: ドキュメント要素に設(shè)定すると、要素にフォーカスがあるかどうかに関係なく、このイベントが発生します。
構(gòu)文
$("").keydown()
keydownイベントを書いてみましょう
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>submit</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<p>php 中文網(wǎng)</p>
<script>
$('body').keydown(function(){
$('p').html('php.cn');
})
</script>
</body>
</html>キーボードを押すと「php Chinese website」が「php.cn」に置き換えられます
Keyupイベント
定義と使用法
キーを押すプロセス全體は 2 つの部分に分かれており、キーが押されてからキーが放されてリセットされます。
ボタンを離すとキーアップイベントが発生します?，F(xiàn)在フォーカスがある要素で発生します。
keyup() メソッドは、keyup イベントをトリガーするか、keyup イベントの発生時(shí)に実行される関數(shù)を指定します。
注: ドキュメント要素に設(shè)定すると、要素にフォーカスがあるかどうかに関係なく、このイベントが発生します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<p>php 中文網(wǎng)</p>
<script>
$('body').keyup(function(){
$('p').html('php.cn');
})
</script>
</body>
</html> 上の例を見てください。キーボードを押しても離さないとテキストは変化しません。キーボードを離すとテキストが変化します
