-webkit-user-drag 屬性/樣式/取值/語法/格式寫法/簡寫/用法[CSS教程手冊]

語法：

-webkit-user-drag：auto | element | none

默認值：auto

適用于：所有元素

繼承性：有

動畫性：否

計算值：指定值

取值：

auto：: 使用默認的拖拽行為，這種情況只有圖片和鏈接可以被拖拽。
element：: 整個元素（不僅僅只是它的內(nèi)容）可拖拽。
none：: 元素不能被拖動。在通過選中后可拖拽。

說明：

用以設(shè)置一個元素和它的內(nèi)容是否可以被拖拽

對應(yīng)的腳本特性為webkitUserDrag。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

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" />
<title>-webkit-user-drag_CSS參考手冊_web前端開發(fā)參考手冊系列【CSS在線手冊-網(wǎng)站設(shè)計教程參考資料】</title>
<meta name="author" content="易網(wǎng),網(wǎng)站設(shè)計,網(wǎng)站制作,網(wǎng)站建設(shè),www.dgyx668.com" />
<style>
dd {
	padding: 5px 0;
}
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>-webkit-user-drag: auto</dt>
    <dd><a href="#">我是一個鏈接</a></dd>
    <dd><img src="../../images/alipay.png" alt="支付寶二維碼" /></dd>
    <dd>我是一些純文字</dd>
    <dt>-webkit-user-drag: element</dt>
    <dd class="element"><a href="#">我是一個鏈接</a></dd>
    <dd class="element"><img src="../../images/alipay.png" alt="支付寶二維碼" /></dd>
    <dd class="element">我是一些純文字</dd>
    <dt>-webkit-user-drag: none</dt>
    <dd><a class="none" href="#">我是一個鏈接</a></dd>
    <dd><img class="none" src="../../images/alipay.png" alt="支付寶二維碼" /></dd>
    <dd class="none">我是一些純文字</dd>
</dl>
</body>
</html>