歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

jQuery實現的監聽回車按鍵代碼實例

jQuery實現的監聽回車按鍵代碼實例:

回車鍵是最為常用的按鍵之一,所以點擊回車來執行一段代碼是比較常見的操作,下面就通過實例代碼介紹一下如何實現此功能。

代碼如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.linuxidc.com/" /> 
<title>Linux公社 www.linuxidc.com</title> 
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
  $('input:text:first').focus();
  var $inp=$('input');
  $inp.keypress(function(e){
    var key=e.which;
    if(key==13){
      $(this).css("color","red");
    }
  })
})
</script>
</head> 
<body> 
<input type="text" value="Linux公社"/>
<input type="text" value="www.linuxidc.com"/>
<input type="text" value="www.linuxidc.net"/>
</body> 
</html>

以上代碼中,點擊回車能夠將當前的文本框中的字體顏色設置為紅色。

演示地址: http://www.linuxidc.com/yanshi/2016/01/jqueryshubiao/jqueryshubiao.html

下載地址:

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /2016年資料/1月/30日/jQuery實現的監聽回車按鍵代碼實例/

下載方法見 http://www.linuxidc.com/Linux/2013-07/87684.htm

------------------------------------------分割線------------------------------------------

jQuery權威指南 PDF版中文+配套源代碼 http://www.linuxidc.com/Linux/2013-10/91059.htm

jQuery實戰 中文PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90631.htm

《jQuery即學即用(雙色)》 PDF+源代碼 http://www.linuxidc.com/Linux/2013-09/90383.htm

鋒利的jQuery(第2版) 完整版PDF+源碼 http://www.linuxidc.com/Linux/2013-10/91527.htm

jQuery完成帶復選框的表格行高亮顯示 http://www.linuxidc.com/Linux/2013-08/89406.htm

jQuery基礎教程(第4版) PDF 完整高清版+配套源碼 http://www.linuxidc.com/Linux/2014-03/98162.htm

--------------------------------------分割線 --------------------------------------

jQuery 的詳細介紹:請點這裡
jQuery 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved