在onclick中使用preventDefault不起作用

时间:2012-06-19 02:16:56

标签: javascript

任何人都可以告诉我为什么下面的代码似乎没有阻止链接做它的事情?我知道我可以使用onclick="return false",但它应该与preventDefault一起使用,对吗?我尝试了onclick="function(e){this.preventDefault()}"onclick="this.preventDefault()",但没有爱。

<!doctype html>  
<html lang="en">  
    <head>  
        <meta charset="utf-8">  
        <title>Test</title>  
    </head>  
    <body> 
        <a href="http://www.google.com" onclick="function(e){e.preventDefault()}">Google Search</a>
    </body>  
</html>

1 个答案:

答案 0 :(得分:13)

删除function(e){。当你将function(e){}放在那里时,这意味着创建一个函数但不运行它。

演示:http://jsfiddle.net/DerekL/RnngR/

这样做:

<a href="http://www.google.com" onclick="event.preventDefault();">Google Search</a>