JS原生拖拽功能draggable属性(H5)

在html5中多了一个元素属性draggable,这个属性可以对元素进行拖拽




    
    
    
    Document
    

    


    
我是可以拖拽的文字

注意点:

1.拖拽对象跟放置目标元素都得添加元素id,以便在控制拖拽过程中获取此元素

2.拖拽对象必须得设置draggable值,还得添加ondragstart方法,在此方法中,得把拖拽对象的id存储起来,以便后期拿出来调用

3.目标对象得添加方法ondrop,在这个方法中取出拖拽对象进入操作,此外还得添加ondragover,去掉浏览器默认值

以上就是html5中新增的拖拽功能

你可能感兴趣的:(JavaScript大杂烩)