由于某种原因,我无法找到为什么“ mouseleave”事件侦听器无法正常运行的原因。
基本上,我要添加2个事件监听器,“ mouseenter”和“ mouseleave”, 我想要达到的目标并不重要(因为它实际上有效),但是从 我注意到(调试时)是我的“ mouseleave”一直不工作。
this is how it looks -例如,当我将鼠标移到红色位置时,我没有收到 “ mouseleave”事件,但是如果我将鼠标向下移动,我会这样做。 另外,当我移动浏览器的鼠标时,它也无法正常工作。
function sectionDrop(data, e) {
var cloned = document.createElement("div");
var amount = document.getElementById(data).getAttribute("data-amount");
cloned.id = data + "" + counter++;
cloned.setAttribute("draggable",true);
cloned.addEventListener("dragstart",addtransder,false);
cloned.addEventListener("dragover",getElementWhenEnter,false);
cloned.addEventListener("dragleave",getDragLeave,false);
cloned.addEventListener("mouseenter", wrapBox);
cloned.addEventListener("mouseleave", unwrapBox);
getSections(amount, cloned);
e.target.appendChild(cloned);
removeDrag();
}
通过这种方式添加事件侦听器,我知道这样做没有问题,但我认为我只会向大家展示。
我还想在图片中添加我要做的就是包装元素并展开元素(例如curse函数的名称)
高级Tnx。