web 上设置图片不能拖拽

图片不能拖拽,有两种情况:

一种是使用css, 让其不能选择

1
2
3
4
5
6
7
.i-user-select-none{
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-o-user-select:none;
user-select:none;
}

一种是js,将 onselectstart , ondragstart 方法return false

1
2
3
4
$(img).attr({
"onselectstart": "return false;",
"ondragstart": "return false;"
});