禁止浏览器双击选中(dblclick)的默认行为

<body>
  <div>
  双击默认能够选中文本
  </div>

  <br>

  <div id="select">
    双击不能够选中文本
  </div>

  <script>
    let select = document.getElementById('select');

    // 错位方法: 直接return false阻止默认行为(失败)
    /*select.ondblclick = () => {
      console.log('dblclick');
      // 直接return false 是不行的,是阻止不了默认行为的
      return false;
    }*/


    // 正确方法: 阻止mousedown的默认行为,才会阻止双击选中文本
    select.ondblclick = () => {
      console.log('dblclick');
    }
    select.onmousedown = () => {
      return false;
    }
  </script>
</body>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容