为每个获取客户端X的元素添加一个函数

所以我正在做一个拖放的东西。当用户抓取元素时，我需要为dragenter添加一个事件侦听器给每个元素。在那个监听器函数中，当鼠标移过那个元素时，我需要它来获取并保存clientX。我遇到的问题是它获取第一个元素的鼠标位置，并保持每个其他元素相同的一个。我怎样才能解决这个问题？为每个获取客户端X的元素添加一个函数

代码：

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库。

来源

2015-07-05 Zaper127

乍一看，可能是因为您使用相同的变量（位置变量）来存储每个元素的每个位置？你对自己也很难做到。只要做功能（e）{e = e ||事件;并使用e的一切。 – tomysshadow

位置变量是一个全局（是的，我知道，错误的编码，稍后会修复）拖放功能需要..但我发现了问题，谢谢。 – Zaper127

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

来源

2015-07-05 21:37:29 Zaper127

为每个获取客户端X的元素添加一个函数

回答

相关问题