在一些效果中,比如,拖动一个包裹了图片文字的盒子,我们往往需要设置禁止鼠标拖动图片,选中文字,那么如何去设置呢?
禁止鼠标选中文字,有两种方式:
方法一:在需要设置的元素本身加上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>