利用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 相关文章推荐
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
node.js中的console.warn方法使用说明
Dec 09 Javascript
js预加载图片方法汇总
Jun 15 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
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
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
jQuery的:parent选择器定义和用法
2014/07/01 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Tensorflow之Saver的用法详解
2018/04/23 Python
python提取log文件内容并画出图表
2019/07/08 Python
python创建n行m列数组示例
2019/12/02 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
keras slice layer 层实现方式
2020/06/11 Python
植物选择:Botanic Choice
2017/02/15 全球购物
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
小学新学期教师寄语
2014/01/18 职场文书
业务部主管岗位职责
2014/01/29 职场文书
募捐倡议书
2014/04/14 职场文书
专家推荐信怎么写
2015/03/25 职场文书
电影雷锋观后感
2015/06/10 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏