利用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 相关文章推荐
JMenuTab简单使用说明
Mar 13 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
JS插件overlib用法实例详解
Dec 26 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 Javascript
jQuery Mobile和HTML5开发App推广注册页
Nov 07 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
May 06 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
TS 类型收窄教程示例详解
Sep 23 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调用数据库的存贮过程
2006/10/09 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
详解php中生成标准uuid(guid)的方法
2019/04/28 PHP
High Performance JavaScript(高性能JavaScript)读书笔记分析
2011/05/05 Javascript
js制作的鼠标悬浮时产生的下拉框效果
2012/10/27 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
js获取class的所有元素
2013/03/28 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
别名指示符是什么
2012/10/08 面试题
电信专业应届生自荐信
2013/09/28 职场文书
企业管理培训感言
2014/01/27 职场文书
厨房管理计划书
2014/04/27 职场文书
护理专业毕业生自荐书
2014/05/24 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
公司委托书范本5篇
2014/09/20 职场文书
工作态度怎么写
2015/06/25 职场文书
同学会演讲稿
2019/04/02 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP
python中使用redis用法详解
2022/12/24 Redis