新增属性

# 新增属性

# contenteditable

默认值 contenteditable:false

如果 值为true 就可以修改标签内的文本

表示文本是否可编辑

该属性可以继承也就是 父级如果设置了,那么子集也能进行编辑

不建议直接使用嵌套层级来使用 contenteditable

# dragable

dragable:true 生效

兼容性:chrome、safari

默认存在拖拽功能的标签有:a 标签,img 标签

# 拖拽的生命周期

拖拽开始:ondragstart

拖拽进行:ondrag

拖拽结束:ondragend

# 进入目标元素

开始进入:ondragenter

进入拖动:ondragover

离开元素:ondragleave

元素中放下元素:ondrag

如果想要触发 ondrag 必须要先 preventDefault 组织 ondragover 的默认事件。

# dataTransfer

此属性来自于 ondragstart 事件对象 存在两个属性

  • effectAllowed :e.dataTransfer.effectAllowed 进入时指针
  • dropEffect:e.dataTransfer.dropEffect 放下时指针