e.preventDefault()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>123</div>
<a href="http://www.baidu.com">百度</a>
<form action="http://www.baidu.com">
<input type="submit" value="提交" name="sub">
</form>
<script>
var div=document.querySelector('div');
div.addEventListener('click',fn);
div.addEventListener('mouseover',fn);
div.addEventListener('mouseout',fn);
function fn(e) {
console.log(e.type);
}
//让链接不跳转或按钮不提交
var a=document.querySelector('a');
//非传统事件注册方式
/*a.addEventListener('click',function (e) {
e.preventDefault();//阻止跳转
})*/
a.onclick=function (e) {
e.preventDefault();
//低版本浏览器
e.returnValue;
//return false也可以阻止默认行为,但是后面的代码不再执行,而且只限于传统事件注册方式
return false;
}
</script>
</form>
</body>
</html>