JavaScriptのマウス移動イベントをどのように設定しますか?
JavaScriptでマウス移動イベントを構成する場合、onmousemoveイベントハンドラを使用することができます。次に示すのは、ページ上でマウスが移動すると、現在のマウス位置を示すポップアップが表示される単純な例です:
<!DOCTYPE html>
<html>
<head>
<title>Mouse Move Event Example</title>
</head>
<body>
<script>
function showMousePosition(event) {
var x = event.clientX;
var y = event.clientY;
alert("Mouse position - X: " + x + ", Y: " + y);
}
document.onmousemove = showMousePosition;
</script>
</body>
</html>
上記の例では、マウスがページ上を移動すると、showMousePosition関数が呼び出され、ポップアップウィンドウに現在のマウス位置が表示されます。showMousePosition関数を外部のJavaScriptファイルに記述し、src属性を使用して読み込むこともできます。