jQuery實現的監聽回車按鍵代碼實例:回車鍵是最為常用的按鍵之一，所以點擊回車來執行一段代碼是比較常見的操作，下麵就通過實例代碼介紹一下如何實現此功能。代碼如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="a
jQuery實現的監聽回車按鍵代碼實例:
回車鍵是最為常用的按鍵之一，所以點擊回車來執行一段代碼是比較常見的操作，下麵就通過實例代碼介紹一下如何實現此功能。
代碼如下:
<!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(){ $('input:text:first').focus(); var $inp=$('input'); $inp.keypress(function(e){ var key=e.which; if(key==13){ $(this).css("color","green"); } }) }) </script> </head> <body> <input type="text" value="螞蟻部落一"/> <input type="text" value="螞蟻部落二"/> <input type="text" value="螞蟻部落三"/> </body> </html>
以上代碼中，點擊回車能夠將當前的文本框中的字體顏色設置為綠色。
相關閱讀:
1.focus()函數可以參閱jQuery的focus事件一章節。
2.keypress事件可以參閱jQuery的keypress事件一章節。
3.css()函數可以參閱jQuery的css()方法一章節。
4.which屬性可以參閱jQuery的event.which屬性一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13724
更多內容可以參閱:http://www.softwhy.com/jquery/
