拖动 | draggable (attribute)

draggable (attribute)

全局属性draggable 是一个枚举类型的属性,用于标识元素是否允许使用 拖放操作API 拖动。它的取值如下:

  • true,表示元素可以被拖动

  • false,表示元素不可以被拖动

如果该属性没有设值,则默认值 为 auto ,表示使用浏览器定义的默认行为。

这个属性是枚举类型,而不是布尔类型。这意味着必须显式指定值为 true 或者 false ,像 <label draggable>Example Label</label> 这样的简写是不允许的。正确的用法是<label draggable="true">Example Label</label>。

默认情况下,只有已选中的文本、图片、链接可以拖动。对其它的元素来说,必须按拖动机制的顺序设置 ondragstart 事件才能正常工作, 见 综合示例 。

规范

规范状态评论
HTML生活标准该规范中“可拖动”的定义。生活水平最新的快照,HTML 5.1没有变化
HTML 5.1该规范中'可拖动'的定义。建议HTML Living Standard的快照,最初的定义

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support(Yes)2.0 (1.8.1)(Yes)(Yes)(Yes)

FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support(Yes)(Yes)1.0 (1.8.1)(Yes)(Yes)(Yes)