JQuery utilise mousedown et mouseup pour déterminer si les positions d'appui et de relâchement de la souris sont les mêmes

Dans JQuery, nous pouvons utiliser mousedown et mouseup pour suivre la pression de la souris et relâcher les événements de la page.

Comment obtenir les informations sur la position de la souris ? Les attributs pageX et pageY de l'événement nous permettent d'obtenir les informations spécifiques de position de la souris sur la page, qui sont équivalentes aux coordonnées xy dans le système de coordonnées mathématiques.

Nous pouvons donc d'abord utiliser une variable globale pour enregistrer les informations de position de la pression de la souris, puis juger de la position enfoncée et relâcher dans la fonction de la souris release Vérifiez si les positions sont cohérentes, puis effectuez des opérations en fonction des résultats.

L'exemple de code est le suivant :

    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{
            //位置不同的操作
        }
    })

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!