【鼠标事件】

鼠标事件
onclick 单机事件 / ondblclick 双击事件
onmouseover 鼠标移入事件 / onmouseout 鼠标移出事件
onmouseenter 鼠标进入事件 / onmouseleave 鼠标离开事件
onmousedown 鼠标按下事件 / onmouseup 鼠标抬起事件
onmousemove 鼠标移动事件 / onfocus 获取焦点事件
onblur 失去焦点事件

 var head = document.getElementById('head')
    var uill = document.getElementById('uoll')
    console.log(head);
    head.onclick = function(){
        console.log('单击事件');
    }
    head.ondblclick = function(){
        console.log('双击事件');
        this.style.backgroundColor = 'red'
    }
    head.onmouseover = function(){
        console.log('移入事件');
    }
    head.onmouseleave = function(){
        console.log('移出事件');
    }
    head.onmouseenter = function(){
        console.log('进入事件');
    }
    head.onmouseleave = function(){
        console.log('离开事件');
    }
    head.onmousedown = function(){
        console.log('按下事件');
    }
    head.onmouseup = function(){
        console.log('抬起事件');
    }
    head.onmousemove = function(){
        console.log('移动事件');
    }
    uill.onfocus = function(){
        console.log('焦点事件');
    }
    uill.onblur = function(){
        console.log('失去焦点事件');
    }