Question

所以我做了一个拖放的事情。当用户抓取元素时，我需要为每个元素添加一个dragenter的事件监听器。在该侦听器函数中，当鼠标移过该元素时，我需要它来获取并保存clientX。我遇到的问题是它获取第一个元素的鼠标位置，并为每个其他元素保持相同的位置。我该如何解决这个问题？

代码：

if(editor_children[i].nodeType != 3)
    {
        editor_children[i].addEventListener("dragenter", function(event){
            if(event.target.id !== e.target.id) event.target.className= event.target.className + " highlight";
            position= event.clientX;
            last_over= event.target.id;
            console.log("Mouse: " + e.clientX + " Position: " + position + " Last Element: " + last_over);
        })

        editor_children[i].addEventListener("dragleave", function(event){
            event.target.className= event.target.className.replace(' highlight', '');
        });
    }

请不要使用JS库。

Answer 1

这就是为什么我不是JavaScript的忠实粉丝。无论如何，这个问题是由我在循环中创建一个函数引起的，所以它每次都使用相同的值，而不是变量值。我刚刚通过运行抛出JShint来了解这一点。此外，我必须清除拖放调用之间的功能，以避免存储数据的问题。这很难解释，但我明白了。

为每个获取clientX的元素添加一个函数

1 个答案: