事件监听器“ mouseleave”无法正常工作

时间:2018-09-27 12:20:43

标签: javascript javascript-events mouseevent

由于某种原因,我无法找到为什么“ 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。

0 个答案:

没有答案