jQuery 鍵盤事件之 keydown()和keyup()事件
keydown()事件
定義和用法
完整的key press 過程分為兩個(gè)部分:1. 按鍵被按下;2. 按鍵被放開。
當(dāng)按鈕被按下時(shí),發(fā)生 keydown 事件。
keydown() 方法觸發(fā) keydown 事件,或規(guī)定發(fā)生 keydown 事件時(shí)執(zhí)行的函數(shù)。
註解:如果在文件元素上進(jìn)行設(shè)置,則無論元素是否獲得焦點(diǎn),該事件都會(huì)發(fā)生。
語法
$("").keydown()
下面我們來寫一個(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)按下鍵盤時(shí),「php中文網(wǎng)」會(huì)被替換成「php.cn」
keyup 事件
定義與用法
完整的key press 流程分為兩個(gè)部分,按鍵被按下,然後按鍵被鬆開並重設(shè)。
當(dāng)按鈕被放開時(shí),發(fā)生 keyup 事件。它發(fā)生在當(dāng)前獲得焦點(diǎn)的元素上。
keyup() 方法觸發(fā) keyup 事件,或規(guī)定發(fā)生 keyup 事件時(shí)執(zhí)行的函數(shù)。
註解:如果在文件元素上進(jìn)行設(shè)置,則無論元素是否獲得焦點(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)按下鍵盤並沒有鬆開鍵盤,文字不會(huì)改變,當(dāng)鍵盤鬆開時(shí),文字發(fā)生變化