向每个获得clientX的元素添加一个函数

Add a function to every element that gets clientX

本文关键字：一个 函数 添加 clientX 元素      更新时间：2023-09-26

我在做一个拖放操作。当用户获取元素时，我需要为每个元素添加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', '');
        });
    }

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

相关文章：