页面鼠标双击选中文字或者图片-前端-E先生的博客

方式一：使用user-select属性

css设置user-select:none;即可，若需要做浏览器兼容处理，请看下方完整写法：

/* 火狐 */
  -moz-user-select: none;
  /* Safari 和 欧朋 */
  -webkit-user-select: none;
  /* IE10+ and Edge */
  -ms-user-select: none;
  /* Standard syntax 标准语法(谷歌) */
  user-select: none;

方式二：onselectstart事件

onselectstart 就是用户选中DOM元素时候，被开始选中时，即将要被选中，实际未被选中的这个事件。我们只要让这个事件返回false，也就是结束这个事件，所以就不会有选中事件了，也就不会出现我们不想要的那种效果，代码如下，两种写法

写法一写在标签上面

<h2 onselectstart="return false;">你好啊CSS，不能被鼠标选中</h2>

写法二通过绑定事件的形式

<body>
    <h2>你好啊CSS，不能被鼠标选中</h2>
    <script>
        document.querySelector('h2').onselectstart = function () {
            return false
        }
    </script>
</body>

本文来自E先生的博客，如若转载，请注明出处：https://www.javajz.cn

页面鼠标双击选中文字或者图片

留言区

历史留言

页面鼠标双击选中文字或者图片

相关推荐

页面鼠标双击选中文字或者图片

留言区

历史留言