Home/ Questions/Q 7583057
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T18:35:25+00:00

I found this code <body> <div id=div1> What is 2+2? </div> <div id=div2> <a

  • 0

I found this code

<body>
<div id="div1">
What is 2+2?
</div>
<div id="div2">
<a href="answer.html" id="answer_link">Get the answer</a>
</div>
</body>

then the javascript 

var d1 = document.getElementById("div1");
var a_link = document.getElementById("answer_link");
a_link.onclick = function() 
{
   d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
   return false;
};

so this code works because it changes the inner html in the div1
and doesn’t load the page that the link makes reference but what if i want to use event listeners?
i write this 

a_link.addEventListener( 'click', function(){
    d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
    return false;
}, false);

but it doesn’t prevent the link to load the reference how can i use an event listener that works the same way that the little piece of code of above?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use e.preventDefault() for normal browsers and event.returnValue in older IE browsers:

    aLink.addEventListener( 'click', function(e){
    d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
    if (e && e.preventDefault) {
        e.preventDefault();
    } else {
        window.event.returnValue = false;   // guess who - IE
    }
}, false);

    Actually, older versions of IE don’t even support addEventListener(), so the IE part of the code is only needed if you’re using the same callback function with attachEvent() as you are with addEventListener() which I do.

    • 0