防止默认值不起作用

Question

大家好，我是javascript网络开发的新手。我已经通过代码访问了preventDefault() 。但是当我使用它时，它返回错误..我的代码

<html>
<body>
function preventDef(event) {
  event.preventDefault();
}

 document.querySelector('a').addEventListener("click", 
preventDef(event),false);

</script>

<a href="www.google.com">click here</a>
</body>
</html>

当我使用此代码并单击链接时，它会将我重定向到google.com。我需要的是，该事件必须被我的preventDefault()函数阻止。

希望你们能帮助我..谢谢

Answer 1

您正在调用preventDef函数，而不是通过引用传递它。

document.querySelector('a').addEventListener("click", preventDef, false);
//                                                              ^^^ don't call the function

编辑：另一个问题是您在DOM准备就绪之前正在运行此程序。 您需要将<script>标记向下移动到<a> 。

<html>
<body>
<a href="www.google.com">click here</a>
<script>
// ^^ did you miss an opening script?
function preventDef(event) {
  event.preventDefault();
}

 document.querySelector('a').addEventListener("click", preventDef, false);
//                                                              ^^^ don't call the function

</script>

</body>
</html>