1.鼠标事件
1.1双击事件dblclick
<button>按钮</button>
<script>
var btn = document.getElementsByTagName("button");
// 鼠标快速点击两下
// 双击dblclick
btn.ondblclick=function(){
console.log("aa");
}
</script>
1.2鼠标移入,鼠标移出
mouseover,mouseout 支持事件冒泡(会传播)文章来源:https://www.toymoban.com/news/detail-800483.html
mouseenter,mouseleave 不支持事件冒泡(不会传播)文章来源地址https://www.toymoban.com/news/detail-800483.html
<button>按钮</button>
<script>
var btn = document.getElementsByTagName("button");
// 双击
// dblclick
btn.onmouseover = function () { //鼠标移入悬停在按钮上的时候
console.log("aa");
}
btn.onmouseout = function(){ //鼠标从按钮上移开的时候
console.log("bb");
}
到了这里,关于51-JS鼠标,键盘,表单,粘贴板,窗口事件,遍历节点树,DOM操作:创建/添加,删除,替换的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!