a标签点击一下默认会跳转到指定的页面,如果给他一个return false就可以阻止它的跳转。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阻止默认事件</title>
</head>
<body>
<a href="https://www.baidu.com" id="btn">百度一下</a>
<form action="" id="form" method="get">
<input type="text" name="username">
<input type="submit" id="submit">
</form>
<div>
阻止默认事件
1.通过on这种方式的绑定的,使用return false;
2.addEventListener绑定的,使用e.preventDefault();
</div>
<script type="text/javascript">
var btn = document.getElementById("btn");
var submit = document.getElementById("submit");
var form = document.getElementById("form");
btn.onclick = function() {
document.body.innerHTML = "hello world";
return false;
}
form.addEventListener("submit",function(e) {
var e = e || window.event;
e.preventDefault();
},false)
</script>
</body>
</html>