利用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 相关文章推荐
心扬JS分页函数代码
Sep 10 Javascript
js弹出的对话窗口永远保持居中显示
Dec 15 Javascript
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
javascript删除option选项的多种方法总结
Nov 22 Javascript
JS图像无缝滚动脚本非常好用
Feb 10 Javascript
Javascript的严格模式strict mode详细介绍
Jun 06 Javascript
jquery中append()与appendto()用法分析
Nov 14 Javascript
Vue.js使用v-show和v-if的注意事项
Dec 13 Javascript
支付宝小程序tabbar底部导航
Nov 06 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
JavaScript运行机制实例分析
Apr 11 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中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
JS实现HTML表格排序功能
2016/08/05 Javascript
Node.js数据库操作之连接MySQL数据库(一)
2017/03/04 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
在MAC上搭建python数据分析开发环境
2016/01/26 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
Python将DataFrame的某一列作为index的方法
2018/04/08 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
详解python中TCP协议中的粘包问题
2019/03/22 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
自我评价是什么
2014/01/04 职场文书
初级党校心得体会
2014/09/11 职场文书
还款承诺书范本
2015/01/20 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
2021/04/01 PHP
Apache POI操作批量导入MySQL数据库
2022/06/21 Servers