本文實例為大家分享了javascript實現(xiàn)文件拖拽事件的具體代碼,供大家參考,具體內(nèi)容如下
1.效果圖:

2.源碼
<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <style type="text/css"> #div1 { width: 350px; height: 70px; padding: 10px; border: 1px solid #aaaaaa; text-align: center; } </style> <script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); } function drop(ev) { ev.preventDefault(); console.log(ev.dataTransfer.files); } </script></head><body><div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">將文件拖放到此處</div></body></html>以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答