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


Posted in Javascript onNovember 25, 2016

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

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

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

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

Javascript 相关文章推荐
IE 缓存策略的BUG的解决方法
Jul 21 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
d3.js实现简单的网络拓扑图实例代码
Nov 06 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
js replace替换字符串同时替换多个方法
Nov 27 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
Vue看了就会的8个小技巧
Jan 21 Vue.js
JavaScript实现点击按钮复制指定区域文本(推荐)
Nov 25 #Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
Nov 25 #Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 #Javascript
Bootstrap基本布局实现方法详解
Nov 25 #Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 #Javascript
Bootstrap栅格系统学习笔记
Nov 25 #Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 #Javascript
You might like
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
深入探讨:Nginx 502 Bad Gateway错误的解决方法
2013/06/03 PHP
php格式文件打开的四种方法
2018/02/24 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
JS中使用media实现响应式布局
2017/08/04 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
python write无法写入文件的解决方法
2019/01/23 Python
numpy数组广播的机制
2019/07/12 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
Python程序慢的重要原因
2020/09/04 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
JPA面试常见问题
2016/11/14 面试题
C#面试常见问题
2013/02/25 面试题
电子商务专业学生的学习自我评价
2013/10/27 职场文书
食品营养与检测应届生求职信
2013/11/08 职场文书
大学军训感言
2014/01/10 职场文书
五心教育心得体会
2014/09/04 职场文书
转让协议书范本
2014/09/13 职场文书
趣味运动会广播稿
2014/09/13 职场文书
法律进社区活动总结
2015/05/07 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
MySQL创建管理RANGE分区
2022/04/13 MySQL