[jQuery] keydown 事件

[jQuery] keydown 事件

說明:

  • 鍵盤按下鍵時,所觸發的事件
  • 按下鍵時,顯示按鍵號碼
  • 設定某鍵做什麼事情
    (按下Esc,隱藏Form)

範例:

<HTML>
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
	$(document).keydown(function(e){
		alert(e.keyCode);
		if(e.keyCode==27)
		{
			$('#form1').hide('slow');
		}
	});
})
</script>
<style type="Text/Css">
	.iOver
	{
		background-Color:yellow;
		color:blue;
	}
	.iOut
	{
		background-Color:;
		color:black;
	}
</style>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
姓名:<input type="text" id="txtName" name="txtName" value="" /><br />
暱稱:<input type="text" id="txtNickName" name="txtNickName" value="" /><br />
<span id="disp">span</span>

</FORM>
</BODY>
</HTML>

 


2010/9/25補充:

要取得按鈕的keyCode,也可以用e.which來取得。

 


以下是簽名:


Microsoft MVP
Visual Studio and Development Technologies
(2005~2019/6) 
topcat
Blog:http://www.dotblogs.com.tw/topcat