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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月12日 18时16分50秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
leetcode 122 买卖股票的最佳时机II
2019-04-30
leetcode 309 最佳买卖股票含冷冻期
2019-04-30
leetcode 714 买卖股票的最佳时机含手续费
2019-04-30
leetcode3 无重复字符的最长子串
2019-04-30
leetcode 83. 删除排序链表中的重复元素
2019-04-30
Python 之 histogram直方图
2019-04-30
Python实现决策树 Desision Tree & 可视化
2019-04-30
决策树 Decision tree
2019-04-30
nominal和ordinal & 数据处理中四种基本数据类型
2019-04-30
Grid SearchCV(网格搜索)& Python实现
2019-04-30
单目深度估计 monodepth2模型 代码
2019-04-30
位图索引Bitmap indexes
2019-04-30
YOLO算法(二)—— Yolov2 & yolo9000
2019-04-30
计算机视觉中的cost-volume的概念具体指什么(代价体积)
2019-04-30
启发函数heuristic 与 A*
2019-04-30