Javascript if 语句用于多个事件

Question

我有一个 div:

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

我需要一个函数来执行以下操作:

示例:

checkSeveralEvents = () => {

    if (myDivIsHovered || myDivIsClicked || myDivIsFocus) {

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

    }

}

我该怎么做？

Answer 1

您可以一一监听所有需要的事件:

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>