1.鼠标事件
1.1双击事件dblclick
<button>按钮</button>
<script>
var btn = document.getElementsByTagName("button");
// 鼠标快速点击两下
// 双击dblclick
btn.ondblclick=function(){
console.log("aa");
}
</script>
1.2鼠标移入,鼠标移出
mouseover,mouseout 支持事件冒泡(会传播)
mouseenter,mouseleave 不支持事件冒泡(不会传播)
<button>按钮</button>
<script>
var btn = document.getElementsByTagName("button");
// 双击
// dblclick
btn.onmouseover = function () { //鼠标移入悬停在按钮上的时候
console.log("aa");
}
btn.onmouseout = function(){ //鼠标从按钮上移开的时候
console.log("bb");
}