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属性を使用して読み込むこともできます。

コメントを残す 0

Your email address will not be published. Required fields are marked *


广告
広告は10秒後に閉じます。
bannerAds