JavaScriptにおけるさまざまなイベントのハンドラー

要素のクリック以外にも、他の イベントが存在します。例えば、イベント dblclick を使って要素のダブルクリックを検出し、 イベント mouseover を使って 要素へのカーソルのホバーを、 イベント mouseout を使って 要素からのカーソルの離脱を検出することができます。

また、1つの要素に異なるタイプのイベントに対する ハンドラーを結び付けることができます。例えば、 1つの要素に、カーソルのホバーに対する反応と、 カーソルの離脱に対する反応を結び付けてみましょう：

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});