JS事件

　　在上周的实训中，开始进一ii

 

　　最后的事件是鼠标事件，通过鼠标的点击、移动、进入、滚轮等获得反馈

　　自然也可以通过鼠标事件的反馈实现多种效果

　　

<script>
    var btns = document.getElementsByTagName('button')
    btns[0].onclick = function () {
        // alert("恭喜您，清理成功")
        console.log('click')
    }
    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].style.color = 'red'
    }

    btns[0].onmouseover = function () {
        console.log('鼠标进入2')
    }
    btns[0].onmouseleave = function () {
        console.log('鼠标移出')
    }
    btns[0].onmouseout = function () {
        console.log('鼠标移出2')
        btns[0].style.color = ''
    }
    btns[0].onmousewheel = function () {
        console.log('鼠标滚轮')
    }
    btns[0].ondblclick = function () {
        console.log('鼠标双击')
    }
</script>