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

253 阅读 0 评论 167 点赞

我是靠谱客的博主坦率八宝粥，最近开发中收集的这篇文章主要介绍利用JS屏蔽页面中的Enter按键提交表单的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

如在设置了JS代码响应<p>标签的Enter按键触发事件时，根据冒泡型事件原则该事件会一直传到<from>表单处，并将表单提交。这不是我们想要的效果，我们可以设置如下代码来加以屏蔽：

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

但是，如果页面中有按钮时在Opera浏览器中同样会提交表单，这是因为按钮在生成的HTML代码中是submit类型的，解决办法是：在按钮中设置UseSubmitbehavior="false"，这样按钮在页面中生成的HTML代码中是button类型的。

以上这篇利用JS屏蔽页面中的Enter按键提交表单的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。