H5怎么做出拖拽结果-

这次给大家带来H5怎么做出拖拽结果，H5做拖拽结果的注意事项是什么，下面就是实战案例，一起来看一下。 这次给大家带来H5怎么做出拖拽结果，H5做拖拽结果的注意事项是什么，下面就是实战案例，一起来看一下。

拖拽相干属性

draggable属性是html5的全局属性，是html5支撑拖放操纵的方式之一，用来表示元素可否可以被拖放,draggable有三个值，true表示可以拖放，false表示不成以被拖放，auto表示运用阅读器的默许值

     
    
列表1
  
    
列表2
  
    
列表3
  
    
列表4
  
    
列表5
  
    
列表6
  

拖拽相干的事件

ondragstart：此事件在会员开端拖动元素或选中文本时触发 ondrag:元素正在拖动时触发 ondragend:会员完成元素拖放时触发 ondragleave:当被鼠标拖动的对象脱离其容器范畴时触发 ondragover:当某个被拖动的对象在另一对象容器范畴内拖动时触发此事件，此事件产生在指标元素身上 ondrop:在一个拖动历程中，开释鼠标时触发，此事件作用在指标元素身上

dataTransfer 对象相干办法

setData(format,data):增加自定义数据格局 getData(format):猎取自定义的数据格局clearData([format]):革除自定义的数据格局及数据

Event.preventDefault()

此办法是阻止事件的默许行为，在ondragover中一定要施行preventDefault(),不然ondrop事件不会被触发

     
     
      
          
          
          
        
    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！