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 的下載地址:請點這裡