jQuery 鍵盤(pán)事件之 keydown()和keyup()事件
keydown()事件
定義和用法
完整的 key press 過(guò)程分為兩個(gè)部分：1. 按鍵被按下；2. 按鍵被松開(kāi)。
當(dāng)按鈕被按下時(shí)，發(fā)生 keydown 事件。
keydown() 方法觸發(fā) keydown 事件，或規(guī)定當(dāng)發(fā)生 keydown 事件時(shí)運(yùn)行的函數(shù)。
注釋?zhuān)喝绻谖臋n元素上進(jìn)行設(shè)置，則無(wú)論元素是否獲得焦點(diǎn)，該事件都會(huì)發(fā)生。
語(yǔ)法
$("").keydown()
下面我們來(lái)寫(xiě)一個(gè)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>當(dāng)按下鍵盤(pán)時(shí)，“php 中文網(wǎng)”會(huì)被替換成“php.cn”
keyup 事件
定義和用法
完整的 key press 過(guò)程分為兩個(gè)部分，按鍵被按下，然后按鍵被松開(kāi)并復(fù)位。
當(dāng)按鈕被松開(kāi)時(shí)，發(fā)生 keyup 事件。它發(fā)生在當(dāng)前獲得焦點(diǎn)的元素上。
keyup() 方法觸發(fā) keyup 事件，或規(guī)定當(dāng)發(fā)生 keyup 事件時(shí)運(yùn)行的函數(shù)。
注釋?zhuān)喝绻谖臋n元素上進(jìn)行設(shè)置，則無(wú)論元素是否獲得焦點(diǎn)，該事件都會(huì)發(fā)生。
<!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>看如上實(shí)例，大家可以在本地調(diào)試，當(dāng)按下鍵盤(pán)并沒(méi)有松開(kāi)鍵盤(pán)，文本不會(huì)發(fā)生改變，當(dāng)鍵盤(pán)松開(kāi)時(shí)，文本發(fā)生變化
