怎么设置网页图片不可拖拽 css

如题所述

第1个回答  推荐于2018-07-30
您好,尝试给图片添加一个属性:draggable="false"。本回答被网友采纳
第2个回答  2017-01-11
给body加上 ondragstart="return false"
第3个回答  2018-07-27
<body ondragstart="return false">
第4个回答  2018-02-13

建议使用Javascript兼容,代码如下:

ondrag="return false"

如果是全局可以是:

window.onload = function(){
    var a = document.getElementByTagName('img');
    for(var i=a.length-1;i>=0;i--){
        a[i].addEventListener('drag',function(){
            return false;
        })
    }
}

如果用CSS,就是用:

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;

禁止选择之后就不会拖动了

网友推荐的答案draggable="false"虽说可行,但是不兼容,原因是

目前只有 Firefox、Chrome 以及 Safari 支持 draggable 属性啊~

o(^▽^)o求采纳

相似回答