event.preventDefault方法的使用
时间：2013-11-24 类别：Web前端 浏览量：23738
event.preventDefault方法的使用
event.preventDefault方法的使用定义和用法
取消事件的默认动作。
语法
event.preventDefault()
说明
该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。
注意
1、如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
2、此方法并不被ie支持，在ie下需要用window.event.returnValue = false; 来实现。
实例
<script type="text/javascript">
function stopDefault(e) {
if (e && e.preventDefault) {//如果是FF下执行这个
e.preventDefault();
}else{
window.event.returnValue = false;//如果是IE下执行这个
}
return false;
}
</script>
<a href="url" id="test">测试</a>
<script type="text/javascript">
var test = document.getElementByIdx_x('test');
test.onclick = function(e) {
alert('URL：' + this.href + ', 不会跳转');
stopDefault(e);
}
</script>
您可能感兴趣
- javascript中window对象
- javascript执行类的所有方法（Javascript中异步等待的深入理解）
- javascript将字符串转换成数组（如何将JavaScript将数组转为树形结构）
- javascript取下拉框显示值（JavaScript offset实现鼠标坐标获取和窗口内模块拖动）
- js数组去重的十种方法（JavaScript常用数组去重实战源码）
- javascript五大继承方式（原生Javascript实现继承方式及其优缺点详解）
- JavaScript中使用concat合并数组
- jsfor循环是什么意思（JavaScript中三种for循环语句的使用总结for、for...in、for...of）
- 微信小程序抽签如何抽中（JavaScript实现班级抽签小程序）
- javascript 函数生命周期（JavaScript sleep睡眠函数的使用）
- js中alert加参数写法（详解JavaScript Alert函数执行顺序问题）
- javascript构造重复数组（JavaScript平铺数组转树形结构的实现示例）
- html注册表单验证代码（JavaScript+html实现前端页面随机二维码验证）
- JavaScript将具有父子关系的数据转化成树形结构，供tree控件使用
- mvc JavaScriptResult的用法
- javascript写计算器教程（基于JavaScript实现简易计算器）
- 给儿童吃什么最好（给儿童吃什么最好消化）
- 杭州旅游攻略（）
- 云南旅游攻略（云南旅游攻略5天攻略）
- 收藏 春节假期，这些景区巨划算（收藏春节假期这些景区巨划算）
- 景区游玩，这些安全知识要牢记（这些安全知识要牢记）
- 各地出招烘 热 旅游（各地出招烘热旅游）
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9