怎么区分鼠标是单击还是拖动()
js的鼠标事件
文章图片
image.png 拖拽常用事件
【怎么区分鼠标是单击还是拖动()】onmousedown 鼠标按下触发事件
onmousemove 鼠标按下时持续触发事件
onmouseup 鼠标抬起触发事件
click点击事件=mouseup+mousedown
drag拖拽=mousedown+mousemove+mouseup
当鼠标在div上【移动】或者【按下左键拖动】的时候,都会触发onmousemove事件;
问题:怎样区分鼠标是单击弹起还是拖动后弹起呢?
处理一:基于时间;
在
onmousedown
中记录鼠标按下的位置,在onmouseup
中记录鼠标弹起的位置,然后比较这2个位置的差距。如果距离差距不大,则是鼠标【单击】后弹起;
如果距离相差较大,则是鼠标【拖动】后弹起。
推荐阅读
- 遇到一哭二闹三打滚的孩子,怎么办┃山伯教育
- 七年之痒之后
- 开花店的前景怎么样()
- 私通和背叛,他怎么看(——晨读小记)
- 有句话忍很久了,女生要求买房怎么就物质了()
- 在线版的迅捷思维导图怎么操作()
- 昨晚做春梦了吗(教给你怎么做最厉害的!梦里还有维多利亚的天使)
- 年轻人对未来迷茫时该怎么办()
- FBI怎么和恐怖分子谈判
- 现役联盟前十怎么排(詹姆斯榜首无悬念!杜兰特库里位置不确定!)