ホームページ >ウェブフロントエンド >jsチュートリアル >JQueryは、mousedownとmouseupを使用して、マウスを押す位置と離す位置が同じかどうかを判断します

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

黄舟
黄舟オリジナル
2018-05-22 09:31:332586ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。