大家對回車鍵的功能應該比較熟悉,例如在windows系統的許多應用程式中,只要點擊回車鍵就可以進入此程式或開啟某項功能,不過有時候我們希望阻止它的功能,例如在填寫表單的時候,可能不小心點擊回車鍵造成表單誤提交,以下就來簡單介紹如何實現此功能。程式碼實例如下:
如何防止回車(enter)鍵提交表單,其實很簡單,就一句話。 onkeydown="if(event.keyCode==13)return false;"把這句話寫在from標籤裡面就好了。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>屏蔽回车提交表单功能</title> <script type="text/javascript"> window.onload=function() { var myform=document.getElementById("myform"); myform.onkeypress=function(ev) { var ev=window.event||ev; if(ev.keyCode==13||ev.which==13) { return false; } } } </script> </head> <body> <p>在表单中回车默认会提交表单,在form的onkeypress事件中处理,只要返回false就可禁用回车提交表单</p> <form id="myform"> <input type="text" name="username"/> <input type="submit" value="提交"/> </form> </body> </html>
以上程式碼可以封鎖點擊回車提交表單的功能。程式碼簡單易懂,有不明白的歡迎提出寶貴意見,謝謝大家一直以來對腳本之家網站的支持。