获取当前被拖动元素的类型

Posted 2023-05-08

【中文标题】获取当前被拖动元素的类型

【英文标题】：Get the type of the element which is dragged at the moment

【发布时间】：2016-04-08 13:58:54

【问题描述】：

在我的网站中有一个 div，如果您将某些内容拖入浏览器，则会显示该 div，如果您将其放下，则该 div 会消失。

function startDraghandler() 
  $("*").on("dragover", function(event) 
    $("*").off("dragover");
    $("#uploadbox").animate(bottom:"+=360px", 250);
    $("*").on("mouseover", function() 
      $("#uploadbox").animate(bottom:"-=360px", 250);
      $("*").off("mouseover");
      startDraghandler();
    )
  );

但是，如果您从网站本身拖动某些内容，我不希望 div 显示，只有当它来自浏览器外部时才显示。如果您从站点中拖动一个元素，我希望发生一些不同的事情。但是我不知道怎么做，因为我在网上找到的都是如何在拖放时获取拖动元素的类型。

感谢您的帮助

【参考方案1】：

There is not possible 了解 dragEvents 中的数据，dragStart 和 dragEnd 事件除外。

但可能存在一种解决方法，测试一下并告诉我它是否适合您：

// Variable declaration
var insidePage = false;

// When any element on document is dragged, set the var in true value.
$(document).on("dragstart", function(evt) 
    insidePage = true;
);

$(document).on("dragend", function(evt) 
    insidePage = false;
);

// Only executes the function if the element that is dragged is coming from outside the document
$(document).on("dragover", function(evt) 
  if(!insidePage)  
    // Code to drag from outside
  
);