在同一个函数中结合 onclick 和 onmouseover

Question

我想在同一行中合并 onclick 和 onmouseover。

我有

if (var) {
        var.onclick = function() {
//          do something
}

我要添加

if (var) {
            var.onclick || var.onmouseover= function() {
    //          do something
    }

类似的东西

Answer 1

试试这个方法。但也改变你的变量名

el.onclick = el.onmouseover = function() {

}

el.onmouseover 将引用一个函数，el.onmouseover = function() 将 return 函数引用，这也将分配给 el.onclick.

例子

let a;
let b;

a = b = function() {
  console.log('Test');
};

a();
b();

console.log(a === b);

Answer 2

所有事件都可以存储在一个数组中，该数组可以迭代并使用addEventListener添加带有元素

的事件

var x = document.getElementById("test")

if (x) {
  ['click', 'mouseover'].forEach(function(item) {
    x.addEventListener(item, function(event) {
      console.log(event.type)
    })
  })
}

<button id="test">Test Button</button>

在同一个函数中结合 onclick 和 onmouseover

Combine onlick and onmouseover in the same function

javascript

onclick

onmouseover

onhover