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 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
Aug 19 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
Vue组件通信的几种实现方法
Apr 25 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
使用layer弹窗,制作编辑User信息页面的方法
Sep 27 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 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
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
IE6图片加载的一个BUG解决方法
2010/07/13 Javascript
GreyBox技术总结(转)
2010/11/23 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
关于angular浏览器兼容性问题的解决方案
2020/07/26 Javascript
原生js+css实现tab切换功能
2020/09/17 Javascript
python简单实现基数排序算法
2015/05/16 Python
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
python取均匀不重复的随机数方式
2019/11/27 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
python中实现栈的三种方法
2020/12/19 Python
Hotels.com台湾:饭店订房网
2017/09/06 全球购物
毕业生自荐书模版
2014/01/04 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
科学发展观演讲稿
2014/09/11 职场文书
教师节领导致辞
2015/07/29 职场文书
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python