拖拽事件

  • 步骤
    • 想要将拖放的对象元素的draggable属性设为true(draggable="true").这样才能将元素进行拖放。另外,img元素与a元素(必须指定href)默认允许拖放
    • 编写与拖放有关的处理代码

  • 拖放的相关事件
    |事件| 产生事件的元素|描述|
    |:------:|:-----:|:------:|
    |dragstart|被拖放的元素|开始拖放操作|
    |drag|被拖放的元素|拖放过程中|
    |dragenter|拖放过程中鼠标经过的元素|被拖放的元素开始进入本元素的范围内|
    |dragover|拖放过程中鼠标经过的元素|被拖放的元素正在本元素的范围内移动|
    |dragleave|拖放过程中鼠标经过的元素|被拖放的元素离开了本元素的范围|
    |drop|拖放的目标元素|有其他元素呗拖放到本元素中|
    |dragend|拖放的对象元素|拖放操作结束|

  • 案例




    
    
    
    拖拽事件
    



    

简单拖放实例

请拖放

你可能感兴趣的:(拖拽事件)