JQuery(4)---使用mousedown和mouseup简单判断鼠标按下与释放位置是否相同
发布日期:2021-06-30 22:42:20 浏览次数:2 分类:技术文章

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

—————————————————————————————————————————————————–

java架构师项目实战,高并发集群分布式,大数据高可用视频教程,共760G

下载地址:

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入门

—————————————————————————————————————————————————–

转载地址:https://lovoo.blog.csdn.net/article/details/78639784 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:IntelliJ Idea 2017 免费激活方法
下一篇:Android动态设置view的高度宽度

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月12日 18时16分50秒