keydown
鍵盤按下
jquery keydown()方法 語法
作用:完整的 key press 過程分為兩個部分:1. 按鍵被按下;2. 按鍵被松開。當(dāng)按鈕被按下時,發(fā)生 keydown 事件。keydown() 方法觸發(fā) keydown 事件,或規(guī)定當(dāng)發(fā)生 keydown 事件時運行的函數(shù)。如果在文檔元素上進行設(shè)置,則無論元素是否獲得焦點,該事件都會發(fā)生。請使用?.which 屬性來確定按下了哪個按鍵(親自試一試)。
觸發(fā)keydown事件語法:$(selector).keydown()
將函數(shù)綁定到keydown事件語法:$(selector).keydown(function)
參數(shù):
參數(shù) | 描述 |
function? ?? | 可選。規(guī)定當(dāng)發(fā)生 keydown 事件時運行的函數(shù)。? ?? |
jquery keydown()方法 示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").keydown(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").keyup(function(){ $("input").css("background-color","#D6D6FF"); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>當(dāng)發(fā)生 keydown 和 keyup 事件時,輸入域會改變顏色。請試著在其中輸入內(nèi)容。</p> </body> </html>
點擊 "運行實例" 按鈕查看在線實例