Merge pull request #9975 from wayne-kim/patch-5
this code is not care a bubbling event
This commit is contained in:
commit
cb3c5ded0f
1 changed files with 9 additions and 11 deletions
|
@ -15,19 +15,17 @@ Example of getting a real path from a dragged-onto-the-app file:
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const holder = document.getElementById('holder')
|
document.addEventListener('drop', function (e) {
|
||||||
holder.ondragover = () => {
|
e.preventDefault();
|
||||||
return false;
|
e.stopPropagation();
|
||||||
}
|
|
||||||
holder.ondragleave = holder.ondragend = () => {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
holder.ondrop = (e) => {
|
|
||||||
e.preventDefault()
|
|
||||||
for (let f of e.dataTransfer.files) {
|
for (let f of e.dataTransfer.files) {
|
||||||
console.log('File(s) you dragged here: ', f.path)
|
console.log('File(s) you dragged here: ', f.path)
|
||||||
}
|
}
|
||||||
return false;
|
});
|
||||||
}
|
document.addEventListener('dragover', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue