本文實例為大家分享了javascript實現文件拖拽事件的具體代碼,供大家參考,具體內容如下
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>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答