利用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 相关文章推荐
FileUpload上传图片(图片不变形)
Aug 05 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
jQuery中clone()方法用法实例
Jan 16 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
JS中比较两个Object数组是否相等方法实例
Nov 11 Javascript
node.JS事件机制与events事件模块的使用方法详解
Feb 06 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
Apache服务器无法使用的解决方法
2013/05/08 PHP
微信公众平台接口开发入门示例
2014/12/24 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
JQuery中$(document)是什么意思有什么作用
2014/07/21 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
详解JS面向对象编程
2016/01/24 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
AngularJS $http模块POST请求实现
2017/04/08 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
Python 探针的实现原理
2016/04/23 Python
Django数据库操作的实例(增删改查)
2017/09/04 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
pandas系列之DataFrame 行列数据筛选实例
2018/04/12 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
国际贸易专业个人求职信格式
2014/02/02 职场文书
无毒社区工作方案
2014/05/23 职场文书
学生会招新宣传语
2015/07/13 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
Oracle 触发器trigger使用案例
2022/02/24 Oracle