本文介绍了JavaScript中的鼠标事件类型，包括onmousemove、onmouseup、onmousedown等，并强调了onmouseenter和onmouseleave的使用建议。同时，讲解了坐标位置的概念如screenX、screenY以及clientX、clientY等。通过一个拖拽效果的案例，详细阐述了如何实现拖拽功能，包括鼠标按下、移动和抬起事件的处理，以及目标元素的坐标计算。最后提到了点击详细查看的功能实现。
一、事件类型
1.onmousemove 移动
2.onmouseup 抬起
3.onmousedown 按下
4.onmouseleave 移出
5.onmouseenter 移入
6.onmouseout 移出
7.onmouseover 移入
8.oncontextmenu 右键菜单
9.ondblclick 双击
10.onclick 单击
（补充：在鼠标事件中，有两组移入移出事件，但是我们往往建议使用onmouseenter和onmouseleave，因为onmouseover与onmouseout在进入移出子级标签时会触发）
二、坐标位置
1.screenX 在屏幕中的x坐标
2.screenY 在屏幕中的y坐标
3.相对于body
（1）clientX：表示事件发生时鼠标指针在视口中的水平坐标（不包含滚动距离）
（2）clientY：在视口中的垂直坐标
（3）IE没有以下两个属性
pageX 在页面中的x坐标（包含滚动距离）
pageY 在页面中的y坐标
4.获取点击目标的坐标（有兼容性）
offsetX、offsetX
案例一拖拽效果：
<body>
<div c
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
