H5拖放

实现简单拖放,只需要以下几步:

1、将想要拖放的对象元素的draggable属性设为true(draggable = “true”)。这样才能将元素进行拖放。注意:img元素和a元素(必须指定href)默认允许拖放。

2、在源对象上添加事件dragstart,获取源对象

3、在目标对象上绑定dragover事件,取消拖放的默认行为。

4、在目标对象上绑定drop事件,进行相应操作

css代码片段:

H5拖放

html代码片段:

H5拖放

js代码片段:

H5拖放