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

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

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

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

ボタンが与えられます。ダブルクリック時に何らかのメッセージを出力してください。

ボタンが与えられます。ホバー時に何らかのメッセージを出力してください。

ボタンが与えられます。カーソルが離れたときに何らかのメッセージを出力してください。

ボタンが与えられます。ホバー時にあるメッセージを出力し、カーソルが離れたときに別のメッセージを出力してください。