JS實作文件拖曳步驟詳解

這次帶給大家JS實作檔案拖曳步驟詳解，JS實作檔案拖曳的注意事項有哪些，下面就是實戰案例，一起來看一下。

本文實例為大家分享了javascript實作檔案拖曳事件的具體程式碼，供大家參考，具體內容如下

1.效果圖：

2.原始碼

  <style>
    #p1 {
      width: 350px;
      height: 70px;
      padding: 10px;
      border: 1px solid #aaaaaa;
      text-align: center;
    }
  </style>
  <script>
    function allowDrop(ev) {
      ev.preventDefault();
    }
    function drop(ev) {
      ev.preventDefault();
      console.log(ev.dataTransfer.files);
    }
  </script>


<p>将文件拖放到此处</p>

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

 Element Traversal實作元素遍歷詳解

vue專案中api介面使用詳解

#

以上是JS實作文件拖曳步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！