javascript - drop file js get main id -

मेरे HTML पृष्ठ

  & lt; div id = "MyID" class = "सामने" onmouseover = "oneffect (); ondragover =" dragover (this); "ondragleave =" dragleave (this); "& gt; & lt; img वर्ग =" withUpload "src =" ../ img / withUpload.png "/ & gt; & LT; span class = "nbreResult" & gt; 20 & lt; / span & gt; & lt; अवधि & gt; & lt; h1 & gt; शीर्षक & lt; / h1 & gt; & lt; / span & gt; & lt; / div & gt;  

मेरे श्रोता जे एस

  window.addEventListener ( "ड्रॉप", समारोह (ई) {चेतावनी (e.target.id); e.preventDefault (); getFile (e.dataTransfer, e.target। आईडी)}, झूठी);  

जब मैं अपने डिव पर एक फ़ाइल छोड़ देता हूं, मुझे आईडी प्राप्त करना है, लेकिन मुझे एहसास हुआ कि अगर उपयोगकर्ता अपनी फाइल बच्चों (शीर्षक, img, अवधि), तो मैं किसी भी आईडी मिल जाएगा नहीं है, क्योंकि वे एक नहीं है। इसलिए उन पर "मुक्त क्षेत्र" ड्रॉप करने के लिए है। मैं कैसे DIV में हर जगह मेरे div id पाने के लिए करते हैं और बस नहीं कर सकते "मुक्त क्षेत्र" पर।

आप देख सकते हैं कि मैं स्पष्ट हूँ!

मेरा सुझाव है कि आप माता-पिता को खोजने के लिए jQuery का उपयोग कर सकते हैं । DIV और यह आसानी से आईडी है

जांची नहीं लेकिन यह काम करना चाहिए

जावास्क्रिप्ट:।

  window.addEventListener ( "ड्रॉप", समारोह ( ई) {var आईडी = $ (e.target) .parents ('div.front')। एट्रि ('आईडी'); चेतावनी (आईडी); e.preventDefault (); GetFile (e.dataTransfer, e.target.id)}, झूठी);