點擊回車實現按鈕點擊功能:在實際應用中，可能有這樣的需求，點擊一個按鈕可以執行一個功能，當點擊回車的時候也可以實現此功能，也就是說點擊回車的時候也觸發的點擊事件，下麵就通過代碼實例介紹一下如何實現此功能。代碼如下:螞蟻部落 以上代碼實現了我們的要求，點擊按鈕或者點擊回車都可以將div的背景色設置為藍...
點擊回車實現按鈕點擊功能:
在實際應用中，可能有這樣的需求，點擊一個按鈕可以執行一個功能，當點擊回車的時候也可以實現此功能，也就是說點擊回車的時候也觸發的點擊事件，下麵就通過代碼實例介紹一下如何實現此功能。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #thediv{ width:100px; height:100px; background-color:red; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $("#bt").click(function(){ $("#thediv").css("background-color","blue"); }) $(document).keydown(function(e){ if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { $("#bt").click(); } }) }); </script> </head> <body> <div id="thediv"></div> <input type="button" id="bt" value="查看效果"/> </body> </html>
以上代碼實現了我們的要求，點擊按鈕或者點擊回車都可以將div的背景色設置為藍色。
相關閱讀:
1.click事件可以參閱jQuery的click事件一章節。
2.css()函數可以參閱jQuery的css()方法一章節。
3.keydown事件可以參閱jQuery的keydown事件一章節。
4.keyCode屬性可以參閱javascript的keyCode屬性一章節。
5.wihich屬性可以參閱jQuery的event.which屬性一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12399
更多內容可以參閱:http://www.softwhy.com/jquery/
