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 相关文章推荐
在视频前插入广告
Nov 20 Javascript
js function使用心得
May 10 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
javascript元素动态创建实现方法
May 13 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
vue-cli3全面配置详解
Nov 14 Javascript
ES6新增的数组知识实例小结
May 23 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
分享一则PHP定义函数代码
2015/02/26 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
PHP抽象类基本用法示例
2018/12/28 PHP
PHP命名空间用法实例分析
2019/09/04 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
JavaScript中链式调用之研习
2011/04/07 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jquery拖动插件(jquery.drag)使用介绍
2013/06/18 Javascript
jquery常用特效方法使用示例
2014/04/25 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
ptyhon实现sitemap生成示例
2014/03/30 Python
一个基于flask的web应用诞生 用户注册功能开发(5)
2017/04/11 Python
Python使用gRPC传输协议教程
2018/10/16 Python
用pycharm开发django项目示例代码
2018/10/24 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
Python 分布式缓存之Reids数据类型操作详解
2020/06/24 Python
python 制作本地应用搜索工具
2021/02/27 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
移动端html5模拟长按事件的实现方法
2018/09/30 HTML / CSS
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
Trench London官方网站:高级风衣和意大利皮夹克
2020/07/11 全球购物
银行进社区活动总结
2014/07/07 职场文书
大学计划书范文800字
2014/08/14 职场文书
入股合作协议书
2014/10/12 职场文书
导游词之河北邯郸
2019/09/12 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
关于使用Redisson订阅数问题
2022/01/18 Redis
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
Go 中的空白标识符下划线
2022/03/25 Golang