鼠标事件

当用鼠标单击页面中的元素时，就会触发鼠标事件。

事件流是指从页面中接收事件的顺序。

鼠标事件主要有：

click（鼠标点击）

dblclick（鼠标双击）

mousedown（鼠标按下）

mouseup（鼠标抬起）

mousemove（鼠标移动）

mouseenter（鼠标移入）

mouseover（鼠标移入）

mouseleave（鼠标移出）

mouseout（鼠标移出）

mousewheel（鼠标滚轮）

相应用法：

var btns=document.getElementsByTagName('button')
    btns[0].onclick=function () {
        console.log("鼠标点击")
    }
    btns[0].ondblclick=function () {
        console.log("鼠标双击")
    }
    btns[0].onmousedown=function () {
        console.log("鼠标按下")
    }
    btns[0].onmouseup=function () {
        console.log("鼠标抬起")
    }
    btns[0].onmousemove=function () {
        console.log("鼠标移动")
    }
    btns[0].onmouseenter=function () {
        console.log("鼠标进入")
    }
    btns[0].onmouseover=function () {
        console.log("鼠标进入")
    }
    btns[0].onmouseleave=function () {
        console.log("鼠标移出")
    }
    btns[0].onmouseout=function () {
        console.log("鼠标移出")
    }
    btns[0].onmousewheel=function () {
        console.log("鼠标滚轮")
    }

注意：在一个元素上连续触发mousedown和mouseup事件，才会触发click事件，两次click事件相继触发才会触发dblclick事件。

如果取消了mousedown或mouseup，click事件也不会产生。