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;"
});