zoukankan      html  css  js  c++  java
  • onselectstart与onselect—禁止选择或禁止复制

    这两个事件看起来很相似,事实上却非常的不同。

    onselectstart

    使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样。
    使用onselectstart,例如
    IE: <body onselectstart="return false">
    Firefox:,控制css: body { -moz-user-select: none; }       

    onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)。该事件常使用

    于使目标对象“禁止变蓝”,比如在很多地方当用户双击时,一些元素会变成蓝色(选中状态),而当我们要避免这种情况时就可以使用该事

    件,使用示例如下:

    <div id="tmp" onselectstart="return false">flondon</div>
    

     

    或者

    <div id="tmp">flondon</div>
    <script type="text/javascript">
    document.getElementById("tmp").onselectstart = function(){return false;};
    </script>
    

     

    或者

    <div id="tmp">flondon</div>
    <script type="text/javascript">
    if(document.addEventListener)
    {
    document.getElementById("tmp").addEventListener("selectstart", function(){return false;}, false);
    }
    else
    {
    document.getElementById("tmp").attachEvent("onselectstart", function(){return false;});
    }
    </script>

    注:
    1、onselectstart事件不被input和textarea标签支持,而onselect事件只被input和textarea支持。
    2、Firefox/Opera不支持onselectstart事件Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定
    3、webkit浏览器可以使用“-khtml-user-select”,当然也可以使用onselectstart事件来阻止用户选定元素内文本,如下

    <div onselectstart="return false">accc</div>
    

      

    onselect

            onselect是在文本框(input、textarea)内的文本被选中时所触发的事件,其触发时间是在文本被选择以后(即文本已经被选择,已经

    显式的表现出来)。该事件只被input和textarea标签支持。

  • 相关阅读:
    RPC(简单实现)
    观察者模式
    自省(Introspector)
    Mybatis学习笔记
    Nginx
    AJAX跨域
    手写Tomcat
    监听器模式
    回调
    Temporal Segment Networks
  • 原文地址:https://www.cnblogs.com/cangqinglang/p/11046944.html
Copyright © 2011-2022 走看看