实现简单拖放,只需要以下几步:
1、将想要拖放的对象元素的draggable属性设为true(draggable = “true”)。这样才能将元素进行拖放。注意:img元素和a元素(必须指定href)默认允许拖放。
2、在源对象上添加事件dragstart,获取源对象
3、在目标对象上绑定dragover事件,取消拖放的默认行为。
4、在目标对象上绑定drop事件,进行相应操作
css代码片段:
html代码片段:
js代码片段:
实现简单拖放,只需要以下几步:
1、将想要拖放的对象元素的draggable属性设为true(draggable = “true”)。这样才能将元素进行拖放。注意:img元素和a元素(必须指定href)默认允许拖放。
2、在源对象上添加事件dragstart,获取源对象
3、在目标对象上绑定dragover事件,取消拖放的默认行为。
4、在目标对象上绑定drop事件,进行相应操作
css代码片段:
html代码片段:
js代码片段: