>  기사  >  웹 프론트엔드  >  JQuery는 mousedown 및 mouseup을 사용하여 마우스 누르기 위치와 놓기 위치가 동일한지 확인합니다.

JQuery는 mousedown 및 mouseup을 사용하여 마우스 누르기 위치와 놓기 위치가 동일한지 확인합니다.

黄舟
黄舟원래의
2018-05-22 09:31:332545검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.