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 相关文章推荐
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
javascript 跳转代码集合
Dec 03 Javascript
js自执行函数的几种不同写法的比较
Aug 16 Javascript
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
js实现获取鼠标当前的位置
Dec 14 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
原生JavaScript实现的无缝滚动功能详解
Jan 17 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个人网站架设连环讲(三)
2006/10/09 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
浅析php-fpm静态和动态执行方式的比较
2016/11/09 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
webpack-url-loader 解决项目中图片打包路径问题
2019/02/15 Javascript
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
Python线程指南分享
2019/11/19 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
Html5实现如何在两个div元素之间拖放图像
2013/03/29 HTML / CSS
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装:Rivers
2019/04/23 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
公司清洁工岗位职责
2013/12/14 职场文书
高三家长寄语
2014/04/03 职场文书
卫生厅领导班子党的群众路线教育实践活动整改措施
2014/09/20 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
出差报告范文
2014/11/06 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
公司环境卫生管理制度
2015/08/05 职场文书
初中语文教学反思范文
2016/03/03 职场文书
浅谈克隆 JavaScript
2021/11/02 Javascript
Python MNIST手写体识别详解与试练
2021/11/07 Python