preventDefault does not seem to work

Question

Clicking on the anchor displays the alert, but then it tries to take me to the somepage. I thought the preventDefault would prevent this.

<body>

<a id="someLink" href="somepage.html">Click Me</a>

<script>

var link = document.getElementById("someLink");

function linkClick () {
alert("this goes nowhere");
e.preventDefault();
}

link.addEventListener("click", linkClick);

</script>
</body>

Answer 1

Always check the console.

You'll see an error telling you e is not defined.

And that stands to reason; in your code, e is never defined.

You've probably referenced this from other code you've seen. What you've not done is provided a container for the event object to be passed, as the first parameter, to your event callback.

function linkClick (e) { //<-- now we can talk to @e
    alert("this goes nowhere");
    e.preventDefault();
}

preventDefault does not seem to work

Question

1 answers

solution1
0 2018-02-18 17:33:03

preventDefault does not seem to work

Question

1 answers

solution1 0 2018-02-18 17:33:03

solution1
0 2018-02-18 17:33:03