- HTML中文网
- 联系QQ：88526
- QQ交流群
- 微信公众号
前端控
更新时间：2019-03-23 10:02:18
user-drag
user-drag：auto | element | none
默认值：auto
适用于：所有元素
继承性：有
动画性：否
计算值：指定值
auto：使用默认的拖拽行为，这种情况只有图片和链接可以被拖拽。
element：整个元素而非它的内容可拖拽。
none：元素不能被拖动。在通过选中后可拖拽。设置或检索一个元素可以被拖拽，而不它的内容。
对应的脚本特性为userDrag。
浅绿 = 支持
红色 = 不支持
粉色 = 部分支持
| Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|---|
| Basic Support | 6.0-11.0 | 2.0-40.0 | 4.0-45.0-webkit- | 6.0-8.0-webkit- | 15.0-29.0-webkit- | 6.0-8.3 | 2.1-4.4.4 | 18.0-42.0 |
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<style>
img {
width: 100px;
height: 100px;
}
.element {
-webkit-user-drag: element;
cursor: move;
-webkit-user-select: none;
}
.none {
-webkit-user-drag: none;
}
</style>
</head>
<body>
<dl>
<dt>auto</dt>
<dd><a href="#">我是一个链接</a></dd>
<dd>我是一些纯文字</dd>
<dt>element</dt>
<dd class="element"><a href="#">我是一个链接</a></dd>
<dd class="element">我是一些纯文字</dd>
</dl>
</body>
</html>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册