1、如图首先在一个文件夹下创建index.html文件。
2、然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。
3、js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。首先实现鼠标左键单击和双击的js代码如图。
4、编辑完index.html文件后，用浏览器打开index.html文件，效果如图。当鼠标左键单击span时显示"触发鼠标单击事件"，双击span时显示"触发鼠标双击事件"。
5、接着实现鼠标的移入和移出事件。如图修改index.html文件。
6、最后实现鼠标的点下和松起事件。如图修改index.html文件。
7、修改完index.html文件后，用浏览器打开index.html文件，效果如图。
DOM3级事件中定义了9个鼠标事件。 mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。 mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。 click:单击鼠标 左键 或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。 dblclick:双击鼠标 左键 时触发。 mouseover:鼠标移入目标元素上方。鼠标移到其后代元素上时会触发。 mouseout:鼠标移出目标元素上方。 mouseenter:鼠标移入元素范围内触发， 该事件不冒泡 ，即鼠标移到其后代元素上时不会触发。 mouseleave:鼠标移出元素范围时触发， 该事件不冒泡 ，即鼠标移到其后代元素时不会触发。 mousemove:鼠标在元素内部移到时不断触发。不能通过键盘触发。 document.oncontextmenu =function(){return false} document.body.onmouseup =function(e){ if(e.button===2){ console.log("右键") that.rightHand =true }else if(e.button===1) { console.log("中间键") }else { console.log("左键") } }不要用原生的js去玩鼠标移动拖放，你采用jquery去弄吧。原生的需要延迟500ms，要不然，鼠标抖动，你虽然mouseup执行了，但是紧接着又执行了mousemove。兼容性很差。而且，我估计你也没有对鼠标的动作进行监控，判断当前状态是否可以执行动作。
