Preventdefault not working

Question

Hey guys am new to javascript web development.I have been through preventDefault() through my code.But when i used it it returns the error ..My code

<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>

When i use this code and clicked on the link it redirects me to google.com ..what i need is the event must be blocked my preventDefault() function..

Hope you guys can help me out ..Thanks

*"But when i used it it returns the error"* are you telling us which error or do we have to guess? — Felix Kling, Jun 22 '14 at 11:23

Scimonster · Accepted Answer · 2014-06-22T11:29:40.023

1

You are calling the preventDef function instead of passing it by reference.

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

EDIT: Another issue is that you are running this before the DOM is ready. You need to move the <script> tag down to be after the <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>

edited Jun 22 '14 at 11:29

answered Jun 22 '14 at 11:19

Scimonster

30,695
8
67
84

it didnt helped me ..still its redirecting to google – user3760836 Jun 22 '14 at 11:20
Uncaught TypeError: Cannot read property 'addEventListener' of null – user3760836 Jun 22 '14 at 11:21
@user See http://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method-such-as-getelementbyid-not-find-the-element – Felix Kling Jun 22 '14 at 11:22
@user3760836 Updated the answer with the rest of the fix. – Scimonster Jun 22 '14 at 11:22
@Scimonster i didnt get you ..it didnt work for me ..it would be helpful if you post the exact code .. – user3760836 Jun 22 '14 at 11:27
@user3760836 I added it. – Scimonster Jun 22 '14 at 11:29
This one helped me ..:) – user3760836 Jun 22 '14 at 11:31

Preventdefault not working

1 Answers1