draggable

全局属性 draggable 是一种枚举属性,用于标识元素是否允许使用浏览器原生行为或 HTML 拖放操作 API 拖动。

draggable 属性可以应用于严格属于 HTML 命名空间 (en-US)的元素,这意味着它不能应用于 SVG。关于命名空间声明的简介和作用的更多信息,请参阅命名空间速成课

draggable 可以有如下取值:

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

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

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

如果没有设置该属性,其默认值为 auto,这意味着拖动行为是浏览器的默认行为:只有选择的文本、图像和链接可以被拖动。对于其他元素,必须设置事件 ondragstart 以使拖放行为生效,如本综合实例所示。

规范

Specification
HTML Standard
# the-draggable-attribute

浏览器兼容性

BCD tables only load in the browser

参考资料