JQuery(4)---使用mousedown和mouseup简单判断鼠标按下与释放位置是否相同
来源:互联网 发布:淘宝助理如何图片搬家 编辑:程序博客网 时间:2024/06/08 15:10
在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入门
—————————————————————————————————————————————————–
阅读全文
0 0
- JQuery(4)---使用mousedown和mouseup简单判断鼠标按下与释放位置是否相同
- mousedown、mouseup与click
- 认识js中的鼠标按下放开mousedown,mouseup以及按键事件keydown,keyup
- 鼠标事件中MouseDown、MouseUp与Click事件有什么区别?
- jquery事件 【mousedown与mouseup ----keydown与keypress与keyup】focus--blur--orrer--pageX-pageY
- Extjs鼠标长按事件(实现长按按钮触发事件的方法:mousedown、mouseup)
- Jquery获取鼠标位置和判断鼠标是否在DIV中
- VC中按钮的MouseDown和MouseUp事件捕捉
- mousedown mouseup click 触发顺序
- mousedown\mouseup\click事件关系
- QGraphicsView放大和缩小下鼠标位置使用鼠标滚轮
- jquery判断鼠标点击的位置是否在规定的div范围内部
- jquery 判断鼠标移入移出位置
- js click mouseup mousedown执行顺序
- 判断输入值与随机数是否相同
- js如何判断鼠标左键是否按下
- mfc判断鼠标位置是否在控件上
- js判断鼠标位置是否在某个div中
- 第二章 类与对象2
- MYeclipse 快捷鍵大全
- 构建单页面应用
- 线程的状态
- 关于半衰期
- JQuery(4)---使用mousedown和mouseup简单判断鼠标按下与释放位置是否相同
- linux — 进程PCB详解
- java实现3个线程轮流打印A、B、C,达到“ABBCCCAAAABBBBBCCCCCC”,打印200个字符停止,并在控制台打印出A、B、C各打印了多少个
- HDU 4847 Wow! Such Doge!【简单题】
- 对Java中this关键字的理解
- 回调函数和钩子函数
- reduce( )
- 简图记录-ARM汇编基础(基本指令、伪指令、协处理器指令)
- 通过目标程序名字获取进程PID