51-JS鼠标事件,键盘事件,表单事件,粘贴板事件,窗口事件

发布时间:2024年01月17日

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");            
      }
    
文章来源:https://blog.csdn.net/qq_47462646/article/details/135648440
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。