歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery實現的監聽回車按鍵代碼實例

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

日期:2017/3/1 9:18:52   编辑:Linux編程

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