在用戶拖拽文件到瀏覽器的某個元素上時，js可以監(jiān)聽到與拖拽相關的事件，并對拖拽結(jié)果進行處理，本文討論下和拖拽文件相關的一些問題，不過沒有處理太多關于兼容性的問題。

創(chuàng)新互聯(lián)是專業(yè)的赤城網(wǎng)站建設公司，赤城接單;提供成都網(wǎng)站設計、成都網(wǎng)站制作,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行赤城網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

拖拽事件

js能夠監(jiān)聽到拖拽的事件有drag、dragend、dragenter、dragexit(沒有瀏覽器實現(xiàn))、dragleave、dragover、dragstart、drop，詳細的內(nèi)容可以看MDN。

其中，與拖拽文件相關的事件有dragenter(文件拖拽進)、dragover(文件拖拽在懸浮)、dragleave(文件拖拽離開)、drop(文件拖拽放下)。

拖拽事件可以綁定到指定的DOM元素上，可以綁定到整個頁面中。

var dropEle = document.querySelector('#dropZone');
dropEle.addEventListener('drop', function (e) {
  // 
}, false);

document.addEventListener('drop', function (e) {
  // 
}, false);

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)頁名稱：js實現(xiàn)控制文件拖拽并獲取拖拽內(nèi)容功能-創(chuàng)新互聯(lián)
文章位置：http://weahome.cn/article/ccoehe.html