利用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如何动态加载表格与动态添加表格行
Nov 27 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
vue+Element实现搜索关键字高亮功能
May 28 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
Element-ui upload上传文件限制的解决方法
Jan 22 Javascript
JavaScript中关于预编译、作用域链和闭包的理解
Mar 31 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二分法在IP地址查询中的应用
2008/08/12 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
Yii查询生成器(Query Builder)用法实例教程
2014/09/04 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
JavaScript编程学习技巧汇总
2016/02/21 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
nodejs实现连接mongodb数据库的方法示例
2018/03/15 NodeJs
手淘flexible.js框架使用和源代码讲解小结
2018/10/15 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
2019/07/25 jQuery
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
python导入pandas具体步骤方法
2019/06/23 Python
Python 实现大整数乘法算法的示例代码
2019/09/17 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
python实现sm2和sm4国密(国家商用密码)算法的示例
2020/09/26 Python
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
草莓网英国官网:Strawberrynet UK
2017/02/12 全球购物
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
Java如何格式化日期
2012/08/07 面试题
医院后勤自我鉴定
2013/10/13 职场文书
毕业生个人的求职信范文
2013/12/03 职场文书
歌唱比赛获奖感言
2014/01/21 职场文书
安全横幅标语
2014/06/09 职场文书
休假证明书
2015/06/24 职场文书
你有一份《诚信考试承诺书》待领取
2019/11/13 职场文书