利用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最新动画教程+iso光盘下载
Jan 22 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
浅谈JavaScript字符集
May 22 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
Vue动态组件和异步组件原理详解
May 06 Javascript
Node.js Domain 模块实例详解
Mar 18 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
Syphon 秘笈
2021/03/03 冲泡冲煮
php下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
js 目录列举函数
2008/11/06 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
js Element Traversal规范中的元素遍历方法
2018/04/19 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
vue的for循环使用方法
2019/02/12 Javascript
Python 备份程序代码实现
2017/03/06 Python
python opencv读mp4视频的实例
2018/12/07 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
Flask项目中实现短信验证码和邮箱验证码功能
2019/12/05 Python
Python with语句和过程抽取思想
2019/12/23 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
美国最大的船只买卖在线市场:Boat Trader
2018/08/04 全球购物
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
师范生教师实习自我鉴定
2013/09/27 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
高中生自我评价范文2015
2015/03/03 职场文书
聘任合同书
2015/09/21 职场文书
mysql的Buffer Pool存储及原理
2022/04/02 MySQL
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技