Nesting two Javascript events

Question

I'm trying to call a function through an eventlistener in Javascript, and within the function I have invoked another eventlistener. However on doing this, my second listener is completely ignored. Is there any condition which I need to follow to make this work?

    document.getElementById("my_canvas").addEventListener("mouseenter", this.getAttention); //first event listener 

getAttention: function(e){
    document.addEventListener("onclick", function(){ console.log("Hello World!"); });

Here the "Hello World" is not consoled.

Please help.

gsamaras · Accepted Answer · 2017-09-09 20:08:57Z

2

It is ignored because the first parameter expects event string to be without "on", try this

document.addEventListener("click", function(){ console.log("Hello World!"); });

edited Sep 9, 2017 at 20:08

gsamaras

73.7k50 gold badges210 silver badges330 bronze badges

answered Jul 21, 2016 at 11:06

ampawd

1,0109 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ben Davies · Accepted Answer · 2016-07-21 11:15:54Z

1

When invoking the addEventListener method you pass in the name of the event as the first argument. The name of the click event is 'click'.

document.addEventListener('click', myFunc);

The syntax for registering a click event handler as a HTML attribute is onclick

<button onclick="myFunc"></button>

answered Jul 21, 2016 at 11:15

Ben Davies

6578 silver badges9 bronze badges

Collectives™ on Stack Overflow

Nesting two Javascript events

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related