jQuery實現的點選Enter鍵觸發指定事件

antzone發表於2017-03-08
jQuery事件

回車是最為常用的按鍵之一，一般來說點選回車會意味著去執行一個特別的事件，比如進入程式，或者開始某個動作，下面就介紹一下利用jQuery實現點選回車觸發某個指定的事件。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(function(){ 
  $(document).keydown(function(event){ 
    if(event.keyCode==13){ 
      $("#bt").click(); 
    } 
  }); 
  $("#bt").click(function(){ 
    $("#thediv").html("螞蟻部落"); 
  })
}) 
</script> 
</head>
<body> 
<div id="thediv"></div>
<input type="button" id="bt" value="檢視效果"/>
</body> 
</html>

以上程式碼實現了我們的要求，點選回車可以觸發註冊在按鈕上的click事件。

相關閱讀:

1.keydown事件可以參閱jQuery keydown事件一章節。

2.keyCode可以參閱js 鍵盤按鍵keyCode屬性值對應表一章節。 

3.click事件可以參閱jQuery click事件一章節。 

相關文章