zoukankan      html  css  js  c++  java
  • [置顶] 解决Firefox/Opera 不支持 onselectstart事件

    在开发中,很多区域是不允许用户select的,在IE/Safari/Chrome中我们可以使用onselectstart事件来阻止用户选定元素内文本,

    但在火狐中,这段区域还是可以选择的,

    如下:

    <html>
    <head>
        <meta charset="gbk">
        <title>Firefox/Opera不支持onselectstart事件</title>
    </head>
    
    <body>
        <div id="noselect">Text</div>
        <script type="text/javascript">
            var div = document.getElementById('noselect');
            div.onselectstart = function () {
                console.log(3);
            }
        </script>
    </body>
    </html>


    当用鼠标去选定div内的文本时,IE/Safari/Chrome 的控制台输出了3,Firefox/Opera则没有输出。

    但是火狐有自己的css样式"-moz-user-select“

    我们可以使用它来禁止用户选择文本

    如下:

    <html>
    <head>
        <meta charset="gbk">
        <title>Firefox/Opera不支持onselectstart事件</title>
        <style type="text/css">
            #noselect
            {
                -moz-user-select: none;
                cursor: default;
            }
        </style>
    </head>
    
    <body>
        <div id="noselect" onselectstart="return false;">Text</div>
    </body>
    </html>
    


     

    ok

    user-select是css3 的样式。

  • 相关阅读:
    python操作redis
    Redis 安装试用
    python操作RabbitMQ
    pycharm快捷键
    各种python使用的坑
    RabbitMQ安装和使用
    Moosefs基本概念
    mesos客户端重新注册导致容器状态为staged
    初学Android 二 创建项目以及目录结构
    【杭电】[5631]Rikka with Graph
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3239145.html
Copyright © 2011-2022 走看看