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 相关文章推荐
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 Javascript
JavaScript indexOf()原理及使用方法详解
Jul 09 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随机生成随机个数的字母组合示例
2014/01/14 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
php解决安全问题的方法实例
2019/09/19 PHP
兼容FireFox 的 js 日历 支持时间的获取
2009/03/04 Javascript
js 对象是否存在判断
2009/07/15 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
js Math 对象的方法
2013/09/01 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
2021/03/01 Vue.js
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
python输入整条数据分割存入数组的方法
2018/11/13 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
Python中调用其他程序的方式详解
2019/08/06 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
css3.0 图形构成实例练习二
2013/03/19 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
企业年度评优方案
2014/06/02 职场文书
专科生就业求职信
2014/06/22 职场文书
班主任先进事迹材料
2014/12/17 职场文书
先进学校事迹材料
2014/12/30 职场文书
放假通知格式
2015/04/14 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
MySQL中IF()、IFNULL()、NULLIF()、ISNULL()函数的使用详解
2021/06/26 MySQL