大家有没有为默认行为感到烦恼呢?
我这有三个方法可以为大家解决。
好上才艺
一、preventDefault
最常用的方法,给大家演示一下、
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阻止事件默认行为</title>
</head>
<body>
<a href="https://baidu.com">点击转跳</a>
</body>
<script>
const a = document.querySelector("a")
a.onclick = function(event) {
event.preventDefault()
}
</script>
</html>
二、returnValue
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阻止事件默认行为</title>
</head>
<body>
<a href="https://baidu.com">点击转跳</a>
</body>
<script>
const a = document.querySelector("a")
a.onclick = function(event) {
event.returnValue = false
}
</script>
</html>
三、return fasle
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阻止事件默认行为</title>
</head>
<body>
<a href="https://baidu.com">点击转跳</a>
</body>
<script>
const a = document.querySelector("a")
a.onclick = function(event) {
return false
}
</script>
</html>
感谢大家的阅读!