将 onclick 和 mouseover 组合在同一个函数中

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() 将返回函数引用，该引用也将分配给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>