html中一些标签有默认行为,例如a标签被单击后,默认会进行页面跳转。
阻止默认行为的方法
- 普通浏览器
e.preventDefault()
- 低版本浏览器(ie6-7)
e.returnValue = false;
阻止默认行为的兼容性问题
- 利用return false 阻止默认行为,并且没有兼容性问题
实例应用:
<a href="http://www.baidu.com">百度</a>
<script>
// 2. 阻止默认行为 让链接不跳转
var a = document.querySelector('a');
a.addEventListener('click', function(e) {
e.preventDefault(); // dom 标准写法
});
// 3. 传统的注册方式
a.onclick = function(e) {
// 普通浏览器 e.preventDefault(); 方法
e.preventDefault();
// 低版本浏览器 ie678 returnValue 属性
e.returnValue = false;
/* 我们可以利用return false 也能阻止默认行为
没有兼容性问题*/
return false;
}
</script>