上载时不会触发Drag n Drop事件

问题描述

我想捕获在将文件上传到任何网站时的Drag n Drop事件。 我的目的是基于filename来获取type和cancel the uploads or Allow。

我检查了以下事件：

dragstart
drag
dragend
dragenter
dragover
dragleave
drop

具有以下站点：

drive.google.com
github.com
mega.nz

我仅在放下目标上获得dragleave事件。

因此，在开始部分，我只是做了一个简单的扩展，以将文件上载到任何网站上的拖放事件发生。

一旦获得事件，便会为文件名，大小和类型编码。

浏览器：Chrome。

版本：版本84.0.4147.105（正式版本）（64位）

以下代码：

content.js

//Events fired on the draggable target (the source element):

//dragstart
//drag
//dragend

 document.addEventListener("drag",function( event ) {
    console.log("drag");
    
  },false);

  document.addEventListener("dragstart",function( event ) {
      console.log("dragstart");
      
  },false);

  document.addEventListener("dragend",function( event ) {
    console.log("dragend");
    
  },false);

//Events fired on the drop target
// dragenter
//dragover
//dragleave
//drop

  /* events fired on the drop targets */
    document.addEventListener("dragleave",function( event ) {
      console.log("dragleave"); 
  },false);
  
  document.addEventListener("dragover",function( event ) {
      console.log("dragover");
  },false);

  document.addEventListener("dragenter",function( event ) {
    console.log("dragenter");
    
  },false);

  document.addEventListener("drop",function( event ) {
      console.log("drop");
        
  },false);
  

manifest.json：

 {
    "name": "simple extension","version": "1.0","description": "Build an Extension1!","manifest_version": 2,"content_scripts" : [
        {
            "matches" : [
                "<all_urls>"
            ],"js" : ["content.js"]
        }
    ]
    
 }

为什么我在上传文件时没有其他事件？

我不知道我做错了什么还是错过了什么。

任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）