js鼠标事件

鼠标事件就是鼠标点击来触发效果的方法

<script>
    var btns=document.getElementsByTagName("button")
    btns[0].onclick=function () {
       alert('恭喜您,清理成功')
    }
    btns[0].onmousedown=function () {
      console.log('鼠标按下')
    }
    btns[0].onmousemove=function () {
        console.log('鼠标移动')
    }
    btns[0].onmouseup=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('滚轮滑动')
    }
</script>