JQueryは、mousedownとmouseupを使用して、マウスを押す位置と離す位置が同じかどうかを判断します-jsチュートリアル-php.cn

JQueryは、mousedownとmouseupを使用して、マウスを押す位置と離す位置が同じかどうかを判断します

黄舟

リリース： 2018-05-22 09:31:33

オリジナル

2581 人が閲覧しました

JQueryでは、mousedownとmouseupを使用して、ページ上のマウスのプレスとリリースのイベントを追跡できます。マウスの位置情報を取得するにはどうすればよいですか?イベントの pageX プロパティと pageY プロパティを使用すると、ページ上のマウスの特定の位置情報を取得できます。これは、数学的座標系の xy 座標に相当します。

そのため、最初にグローバル変数を使用してマウス押下の位置情報を記録し、次にマウスリリースの

関数

を使用して、押された位置が放された位置と一致するかどうかを判断し、それに基づいて操作することができます。結果について。サンプルコードは次のとおりです:

    var x,y;
    $(document).mousedown(function(event){ //获取鼠标按下的位置
        x = event.pageX;
        y = event.pageY;
    });
    $(document).mouseup(function(event){//鼠标释放        
    var newX = event.pageX;        
    var newY = event.pageY;        
    if(x==newX && y==newY){
            //位置相同的操作
        }        else{
            //位置不同的操作
        }
    })

ログイン後にコピー

以上がJQueryは、mousedownとmouseupを使用して、マウスを押す位置と離す位置が同じかどうかを判断しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。