Javascript 在删除事件处理程序HTML/Dom时遇到问题

Javascript 在删除事件处理程序HTML/Dom时遇到问题,javascript,html,dom,html-table,drag-and-drop,Javascript,Html,Dom,Html Table,Drag And Drop,我在一个html页面上有两个表,我正在尝试向其中一个添加一个事件侦听器,并在将元素从一个表拖到另一个表时使其如此,以便能够从被删除的行中获取信息,并将更改写入数据库 但首先,我有一个问题,即使检测到一个物体被丢弃 我正在尝试向其中一个表中添加一个“drop”事件,根据我的研究,如果我向该表的事件处理程序中添加该事件,则应在对象被丢弃时进行检测,我已尝试: var table = document.getElementById('table'); table.addEventListener("d

我在一个html页面上有两个表,我正在尝试向其中一个添加一个事件侦听器,并在将元素从一个表拖到另一个表时使其如此,以便能够从被删除的行中获取信息,并将更改写入数据库

但首先,我有一个问题,即使检测到一个物体被丢弃

我正在尝试向其中一个表中添加一个“drop”事件,根据我的研究,如果我向该表的事件处理程序中添加该事件,则应在对象被丢弃时进行检测,我已尝试:

var table = document.getElementById('table');
table.addEventListener("drop", function(event) {
      console.log("dropped ");
});

但当我将一行从一边拖到另一边时,它们都不会打印到控制台上。。。我从一个表中抓取一行并将其拖到另一个表中,该行离开原始表并停留在我在新表中放置的位置,但控制台中没有任何记录


如果有人愿意为我指明正确的方向,我将不胜感激

为了确保每个表都是有效的“放置区”,它必须具有用于ondragover和ondrop事件的事件处理程序

最简单的方法是直接在表元素上定义如下内容:

<table ondrop="drop_handler(event);" ondragover="dragover_handler(event);">


还要确保行应用了draggable属性。

在此链接中,您可以找到有关拖放的更多信息

<table ondrop="drop_handler(event);" ondragover="dragover_handler(event);">