关于鼠标滑过按钮时offsetX

来源:3-8 js实现进度条可拖拽效果

慕斯卡6097176

2018-10-29 22:39:29

http://img.mukewang.com/climg/5bd71b9f0001cd7315010844.jpg
鼠标滑过按钮时,因为给document绑定了mouseup和mouseover,事件冒泡,所以按钮也触发了事件,offsetX就是鼠标相对按钮的水平偏移,请问是这样吗?

写回答

1回答

好帮手慕夭夭

2018-10-30

你好同学 , 这里和冒泡没有关系 . 视频中代码给document绑定了mouseup和mouseove是为了解决 ,当鼠标在进度条拖动过快时 , 可能鼠标会脱离进度条 , 这样在其他位置上也可以拖动 ,如下源码中:

http://img.mukewang.com/climg/5bd7c5c20001f51c08140455.jpg

建议同学可以像如下方式试一下  ,能够帮助自己理解哦 .

http://img.mukewang.com/climg/5bd7c4fd00012ee908600468.jpg

offsetX是鼠标相对按钮的水平偏移

祝学习愉快 ! 望采纳


0

0 学习 · 5012 问题

查看课程