本文實例講述了jQuery簡單獲取鍵盤事件的方法。分享給大家供大家參考,具體如下:
一、我們什么時候要用到獲取鍵盤事件
做web的時候,為了更人性的設計,我們有的時候會用到鍵盤事件。例如:輸入框下拉提示框,通過鍵盤的上下鍵盤來選擇自己想要的內容,google的輸入框的下拉提示。當我們?yōu)g覽相冊的時候,我們可以能過鍵盤的左右鍵,來查看相片。當我們?yōu)g覽長篇小說,用鼠標滾動很容易不知道看到哪一個行了,可以通鍵盤上下鍵來進行翻頁,這些小細節(jié)也是非常重要的。做網站很大程度在于細節(jié)的處理。
二、jquery的鍵盤事情函數(shù)種類
1. keydown事件是在鍵盤按下時觸發(fā)的事件
2. keyup事件是在按下鍵彈起時觸發(fā)的事件
3. keypress事件是在鍵盤按下時觸發(fā)的事件
keypress和keydown在功能差不多,但是在獲取事件的內容上有所不同。
二、舉例說明
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.3.2.js" type="text/javascript"></script></head><body><input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off"></body></html><script type="text/javascript"> $('#search_input') .keypress(function(event){ alert("keypress"); }) .keydown(function(event){ alert("keydown"); }) .keyup(function(event){ alert("keyup"); });</script>三、試驗結果
1. 在上面的輸入框中,輸入一個字母r時,第一次會彈出keydown,以后都會提示keypress
2. 當我們按下pg dn
主站蜘蛛池模板:
云梦县|
江津市|
屯留县|
渝北区|
莫力|
固安县|
富裕县|
龙门县|
望都县|
和林格尔县|
山阳县|
无棣县|
乡城县|
达孜县|
马龙县|
青铜峡市|
莲花县|
寻甸|
米易县|
东台市|
阿合奇县|
大城县|
蒲城县|
鹤壁市|
嘉鱼县|
晋州市|
湛江市|
连平县|
台东市|
柳州市|
潜江市|
确山县|
刚察县|
化德县|
滦平县|
永年县|
沾化县|
顺义区|
响水县|
工布江达县|
右玉县|