本文说明了常见的鼠标事件和JavaScript的用法。分享给大家参考，如下：

有8个JavaScript鼠标事件

鼠标按下了鼠标按钮。

mouseup鼠标按钮释放并弹出。

点击鼠标左键(或鼠标中键)被点击。

事件触发序列是鼠标向下-鼠标向上-点击

双击dblclick的鼠标左键(或鼠标中键)。

事件触发序列是mouse down-mouse up-click-mouse down-mouse up-click-dbl click。

Contextmenu弹出右键菜单，可以通过鼠标右键或键盘的菜单键触发。

鼠标悬停鼠标在目标上移动。

鼠标移出鼠标移过目标。

鼠标移动鼠标在目标上移动

注意：事件名称区分大小写。如果您需要监控上述事件，只需在事件名称前添加一个on即可。

事件分化

Onmouseover，nmouseout:当鼠标移动到自身时，会触发事件，当移动到其子元素时，也会触发事件。

将鼠标移动到自身会触发事件，但移动到其子元素不会触发事件

全局事件对象事件

事件发生时鼠标的位置

事件发生时鼠标的位置

鼠标的哪个键触发了事件

0鼠标左键1鼠标右键2鼠标右键

代码示例

html正文脚本类型='text/javascript '函数append text(str){ document . body . innerhtml=str ' br/'；} document . onmousedown=function(){ appendText(' onmousedown ')；append text(' button=' event . button)；appendText('(x，y)=' event.x '，' event . y ')；} document . onmouseup=function(){ appendText(' onmouseup ')；} document . onclick=function(){ appendText(' onclick ')；} document . ondblclick=function(){ appendText(' ondblclick ')；} document . oncontext menu=function(){ appendText(' oncontext menu ')；} document . onmouseover=function(){ appendText(' onmouseover ')；} document . onmouseout=function(){ appendText(' onmouseout ')；} document . onmousemove=function(){ appendText(' mouse move ')；}/script/body/HTML在这里，使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试了上面的代码，得到如下运行结果：

感兴趣的朋友可以使用本网站的在线工具测试上述代码的运行效果。

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》和0103010

希望本文对JavaScript编程有所帮助。