在同一个函数中结合onlick和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()将返回函数引用，该引用也将分配给el.onclick。

示例

let a;
let b;

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

a();
b();

console.log(a === b);

Answer 2

所有事件都可以存储在一个可以迭代的数组中。使用addEventListener使用元素

添加事件附件

＆＃13;

＆＃13;

var x = document.getElementById("test")

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;