怎样写禁止鼠标拖动图片，选中文字，复制文字

　　在一些效果中，比如，拖动一个包裹了图片文字的盒子，我们往往需要设置禁止鼠标拖动图片，选中文字，那么如何去设置呢？

　　禁止鼠标选中文字，有两种方式：

　　　　方法一：在需要设置的元素本身加上onselectstart=”return false;”，例如：<p onselectstart=”return false;”>刘诗诗</p>

　　　　方法二：运用jquery,代码如下：

$(select).attr('unselectable','on').css({
    '-moz-user-select':'-moz-none',
    '-moz-user-select':'none',
    '-o-user-select':'none',
    '-khtml-user-select':'none', /* you could also put this in a class */
    '-webkit-user-select':'none',/* and add the CSS class here instead */
    '-ms-user-select':'none',
    'user-select':'none'
}).bind('selectstart', function(){
    return false;
});

　　禁止鼠标拖动图片：在需要设置的元素本身加上οndragstart=”return false;”，例如：<img src="" οndragstart=”return false;”/>

　　禁止复制文字：在需要设置的元素本身加上οnselect=”document.selection.empty();”，例如：<p οnselect=”document.selection.empty();”>刘诗诗</p>

　　再加一个禁止鼠标右键：在需要设置的元素本身加上οncοntextmenu=”return false;”，例如：<p οncοntextmenu=”return false;”>刘诗诗</p>

转载于:https://www.cnblogs.com/libijun96/p/8395450.html