鼠标事件

触发顺序：

1. mousedown 按下
2. mouseup 弹起
3. click 点击
   contextmenu 右键产生菜单事件
   mousemove 移动
   mouseover 进入
   mouseout 离开
   mouseenter 进入
   mouseleave 离开

事件对象的button属性：
0 ------>左键
1 -------->滚轮
2 ------>右键

右键不触发click事件

//区分click与mousedown、mouseup
var firstTime = 0
    lastTime = 0
    key = false;
document.onmousedown = function(){
   firstTinme = new Date().getTime();
   
}
document.onmouseup = function(){
   lastTinme = new Date().getTime();
   if(lastTime - firstTime < 300){
       key = true
   }
   
}
document.onclick = function(){
   if(key){
       console.log('click');
       key = false;
   }
   
}