onlickとonmouseoverを同じ関数で結合する

Question

同じ行にonclickとonmouseoverを組み合わせたいと思います。

私はその

Answer 1

すべてのイベントは、要素

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>

でイベントをアタッシュケース追加する反復&使用 addEventListenerことができる配列に格納することができます

Answer 2

この方法を試してみてくださいよう

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

何かを追加したい

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

を持っています。しかし、また、あなたの変数名を変更

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);