-原生拖拽事件
DragEvent上传是html5的东东,对应的几个事件有
- drag
- dragend
- dragenter
- dragexit
- dragleave
- dragover
- dragstart
- drop
其中常用的有四个:dragenter、dragover、drop、dragend
分别对应的事件为:拖进、拖来拖去、释放鼠标、拖出
换成代码就长这样:
<span style="color:#000000"><code>document.addEventListener(<span style="color:#009900">"dragenter"</span>, <span style="color:#000088">function</span>( event ) {
<span style="color:#000088">...</span>
}, false);
document.addEventListener(<span style="color:#009900">"dragover"</span>, <span style="color:#000088">function</span>( event ) {
<span style="color:#000088">...</span>
}, false);
document.addEventListener(<span style="color:#009900">"drop"</span>, <span style="color:#000088">function</span>( event ) {
event.preventDefault();//禁止浏览器默认行为
<span style="color:#000088">...</span>
<span style="color:#000088">return</span> false;//禁止浏览器默认行为
}, false);
document.addEventListener(<span style="color:#009900">"dragend"</span>, <span style="color:#000088">function</span>( event ) {
<span style="color:#000088">...</span>
}, false);</code></span>