新增属性
# 新增属性
# 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 放下时指针