javascript 解决表单仍然提交即使监听处理函数返回false


Posted in Javascript onMarch 14, 2010
<form action="https://3water.com" id="form"> 
<input type="text" /> 
<input type="submit" /> 
</form> 
<script> 
var code = function () { 
return false; 
}; 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
element.addEventListener("submit", code, false); 
} 
</script>

修改后的Code:
<form action="https://3water.com" id="form"> 
<input type="text" /> 
<input type="submit" id="btnSubmit" name="btnSubmit" value="Submit" /> 
</form> 
<script> 
var code = function (eventObject) { 
if (eventObject.preventDefault) { 
eventObject.preventDefault(); 
} else if (window.event) /* for ie */ { 
window.event.returnValue = false; 
} 
return true; 
}; 
window.onload = function(){ 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
element.addEventListener("submit", code, false); 
} else if (element.attachEvent) { 
element.attachEvent("onsubmit", code); 
} 
} 
</script>

备注:

1:preventDefault函数的使用请参考 https://developer.mozilla.org/en/DOM/event.preventDefault
2:DOM Events :http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault

Javascript 相关文章推荐
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
jQuery实现id模糊查询的小例子
Mar 19 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
Vue精简版风格概述
Jan 30 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 #Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 #Javascript
jQuery入门第一课 jQuery选择符
Mar 14 #Javascript
使用JavaScript switch case 另类写法
Mar 14 #Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 #Javascript
input的focus方法使用
Mar 13 #Javascript
JavaScript prototype对象的属性说明
Mar 13 #Javascript
You might like
动态新闻发布的实现及其技巧
2006/10/09 PHP
php 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
php简单的会话类代码
2011/08/08 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
js中日期的加减法
2015/05/06 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
js的函数的按值传递参数(实例讲解)
2017/11/16 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
同学聚会欢迎辞
2014/01/14 职场文书
2014年国培研修感言
2014/03/09 职场文书
消防隐患整改通知书
2015/04/22 职场文书
入团介绍人意见范文
2015/06/04 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers