利用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实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
JavaScript 继承机制的实现(待续)
May 18 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
js中常用的Math方法总结
Jan 12 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
详解Vue组件插槽的使用以及调用组件内的方法
Nov 13 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
微信小程序定义和调用全局变量globalData的实现
Nov 01 Javascript
JS事件循环机制event loop宏任务微任务原理解析
Aug 04 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
JS实现简易日历效果
Jan 25 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
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
js的alert样式如何更改如背景颜色
2014/01/22 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
谷歌地图打不开的解决办法
2014/08/07 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
深入理解node.js http模块
2018/01/24 Javascript
vue中简单弹框dialog的实现方法
2018/02/26 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
python字符串加密解密的三种方法分享(base64 win32com)
2014/01/19 Python
Python中的zip函数使用示例
2015/01/29 Python
华为2019校招笔试题之处理字符串(python版)
2019/06/25 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
python+opencv实现车道线检测
2021/02/19 Python
Gap工厂店:Gap Factory
2017/11/02 全球购物
TCP/IP的分层模型
2013/10/27 面试题
优秀大学生推荐信范文
2013/11/28 职场文书
社区春季防火方案
2014/06/02 职场文书
条幅标语大全
2014/06/20 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
vue组件vue-esign实现电子签名
2022/04/21 Vue.js