讲解如何在JS中获取鼠标在指定区域内的坐标位置。
1、 先创建一个div标签,设置任意宽度、高度及背景颜色。
2、 获取div标签,绑定鼠标移动事件监听。
3、 根据page和offset计算出鼠标与div在页面中的具体位置坐标。
4、 通过页面坐标减去div的偏移位置,计算出鼠标相对于div的坐标并输出。
5、 浏览器中移动鼠标至div区域可预览效果
6、 通过计算鼠标在页面中的位置与盒子在页面中的位置之差,即可得到鼠标相对于该盒子的内部坐标。
讲解如何在JS中获取鼠标在指定区域内的坐标位置。
1、 先创建一个div标签,设置任意宽度、高度及背景颜色。
2、 获取div标签,绑定鼠标移动事件监听。
3、 根据page和offset计算出鼠标与div在页面中的具体位置坐标。
4、 通过页面坐标减去div的偏移位置,计算出鼠标相对于div的坐标并输出。
5、 浏览器中移动鼠标至div区域可预览效果
6、 通过计算鼠标在页面中的位置与盒子在页面中的位置之差,即可得到鼠标相对于该盒子的内部坐标。
评论
更多评论