防止默认无法正常工作

时间:2014-06-22 11:16:52

标签: javascript html

嘿伙计们是javascript web开发的新手。我通过我的代码已经通过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()功能..

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

1 个答案:

答案 0 :(得分: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>