利用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 相关文章推荐
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
js 金额格式化来回转换示例
Feb 23 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
详解JavaScript时间格式化
Dec 23 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
js入门之Function函数的使用方法【新手必看】
Nov 22 Javascript
JS实现动态添加DOM节点和事件的方法示例
Apr 28 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
对vue中methods互相调用的方法详解
Aug 30 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 引用是个坏习惯
2010/03/12 PHP
PHP插入排序实现代码
2013/04/04 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
php中file_exists函数使用详解
2015/05/08 PHP
php获取开始与结束日期之间所有日期的方法
2016/11/29 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
[06:33]3.19 DOTA2发布会 海涛、冷冷、2009见证希望
2014/03/21 DOTA
Python2.x与Python3.x的区别
2016/01/14 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
python跳出双层for循环的解决方法
2019/06/24 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
动态密码技术
2012/10/18 面试题
初中优秀班集体申报材料
2014/05/01 职场文书
签约仪式致辞
2015/07/30 职场文书
民间借贷纠纷答辩状
2015/08/03 职场文书
《风筝》教学反思
2016/02/23 职场文书
python 解决微分方程的操作(数值解法)
2021/05/26 Python