HTML5 拖放API简单介绍


1、给可以拖动的元素添加属性 draggable=‘true’,绑定dragstart事件,用于给传输对象保存内容,使用event.dataTransfer获取到数据传输对象,绑定selectstart事件,阻止默认行为,用于防止选中文本。


Remove the data associated with a given type. The type argument is optional. If the type is empty or not specified, the data associated with all types is removed. If data for the specified type does not exist, or the data transfer contains no data, this method will have no effect.


Retrieves the data for a given type, or an empty string if data for that type does not exist or the data transfer contains no data.


Set the data for a given type. If data for the type does not exist, it is added at the end, such that the last item in the types list will be the new format. If data for the type already exists, the existing data is replaced in the same position.


Set the image to be used for dragging if a custom one is desired.


Leave a Comment