利用JS屏蔽页面Enter键提交表单的方法

屏蔽Enter键提交表单

当页面中设置了JavaScript代码来响应<p>标签的Enter按键触发事件时，根据事件冒泡机制，该事件会继续传递到<form>表单元素，从而导致表单被提交。这通常不是期望的效果。为了解决这个问题，可以添加如下代码进行屏蔽：

$(document).keydown(function(event){
  switch(event.keyCode){
     case 13:return false; 
     }
});

处理Opera浏览器按钮提交问题

然而，如果页面中存在按钮，在Opera浏览器中表单仍可能被提交。这是因为按钮在生成的HTML代码中默认属于submit类型。解决方法是在按钮中设置属性UseSubmitbehavior="false"，这样按钮在页面中生成的HTML代码将变为button类型，从而避免自动提交表单。

以上就是利用JavaScript屏蔽页面中Enter键提交表单的完整方法，希望能为读者提供参考，并欢迎大家继续支持本站。