本文共 966 字,大约阅读时间需要 3 分钟。
在JQuery中,我们可以利用mousedown、mouseup来跟踪页面的鼠标按下与释放事件。
如何获取鼠标的位置信息呢?事件event的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{ //位置不同的操作 } })
—————————————————————————————————————————————————–
下载地址:
https://item.taobao.com/item.htm?id=562739965822
01.高级架构师四十二个阶段高
02.Java高级系统培训架构课程148课时 03.Java高级互联网架构师课程 04.Java互联网架构Netty、Nio、Mina等-视频教程 05.Java高级架构设计2016整理-视频教程 06.架构师基础、高级片 07.Java架构师必修linux运维系列课程 08.Java高级系统培训架构课程116课时 + hadoop系列教程,java设计模式与数据结构, Spring Cloud微服务, SpringBoot入门—————————————————————————————————————————————————–
转载地址:http://wrhvf.baihongyu.com/