HTML5拖拽的简单实例

2019-01-28 14:46:13王振洲
  •                     }                    oLeft.ondragover = function(ev){   
  •                     var evev = ev || event;                        ev.preventDefault();   
  •                 }                    oLeft.ondragenter = function(){   
  •                     this.style.color = "#fff";                    }   
  •             }            </script>  
  •     </head>       <body>  
  •         <div class="main">               <div class="left">垃圾箱</div>  
  •             <div class="right">                   <ul>  
  •                     <li id="item1" draggable="true">列表1</li>                       <li id="item2" draggable="true">列表2</li>  
  •                     <li id="item3" draggable="true">列表3</li>                       <li id="item4" draggable="true">列表4</li>  
  •                     <li id="item5" draggable="true">列表5</li>                       <li id="item6" draggable="true">列表6</li>