Vue 鼠标事件

鼠标事件有下列几种：

1、单击事件 onclick

el.onclick = function(e){
    console.log('鼠标已单击：', e)
}
// 注：el 表示当前触发的元素

2、双击事件 ondblclick

el.ondblclick = function(e){
    console.log('鼠标已双击：', e)
}
// 注：el 表示当前触发的元素

3、按下事件 onmousedown

el.onmousedown = function(e){
    console.log('鼠标已按下：', e)
}
// 注：el 表示当前触发的元素

4、松开事件 onmouseup

el.onmouseup = function(e){
    console.log('鼠标已松开：', e)
}
// 注：el 表示当前触发的元素

5、移动事件 onmousemove

el.onmousemove = function(e){
    console.log('鼠标移动中：', e)
}
// 注：el 表示当前触发的元素

6、经过事件 onmouseover

el.onmouseover = function(e){
    console.log('鼠标已经过：', e)
}
// 注：el 表示当前触发的元素

7、经过事件 onmouseout

el.onmouseout = function(e){
    console.log('鼠标已经过：', e)
}
// 注：el 表示当前触发的元素