Javascript if statement for multiple events

Question

I have a div:

<div id="myDiv">This Div is Tracked</div>

I need a function to do the following:

Example:

checkSeveralEvents = () => {

    if (myDivIsHovered || myDivIsClicked || myDivIsFocus) {

        console.log(`myDiv has been ${eventHere}`);

    }

}

How can I do this?

You should take a look at this : stackoverflow.com/questions/11845678/… — Dr.Blamo
– Dr.Blamo, Commented May 14, 2017 at 10:48
On div changes depend on it you can fire event with passing additional data, like .fire('myDivIsChanged', {type: "focus"}), .fire('myDivIsChanged', {type: "clicked"}) and catch it in one function, and then handle it, depends on type being passed — DanilGholtsman
– DanilGholtsman, Commented May 14, 2017 at 10:51
Who or what calls checkSeveralEvents? You might want to get familiar with how to react to a single event type first. — Bergi
– Bergi, Commented May 14, 2017 at 10:58

Egor Stambakio · Accepted Answer · 2017-05-14 10:53:45Z

1

You can just listen to all needed events one by one:

const d = document.getElementById('myDiv');
const events = ['click', 'mouseleave', 'mouseover'];

events.forEach(e => {
  d.addEventListener(e, (ev) => {
    console.log('My div has been ', e + 'ed')
  })
})

<div id="myDiv">This Div is Tracked</div>

answered May 14, 2017 at 10:53

Egor Stambakio

18.2k5 gold badges37 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

Javascript if statement for multiple events

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related