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

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

  禁止鼠标选中文字,有两种方式:

    方法一:在需要设置的元素本身加上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;
});

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

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

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

posted @ 2018-01-31 23:46  木子王白石  阅读(1163)  评论(0编辑  收藏  举报