javascript - jQuery 从事件中获取标签

Question

我正在使用 Hexagon.js，我需要获取调用者的 .html() 。如果我执行类似 event.target 的操作并开始使用 slider 移动，只要光标位于 slider 上，它就可以正常工作，但是如果我将光标移动到其他位置(并且仍然按住 slider ，就像任何其他 slider 一样，拖动它与光标并移动到 slider 框之外)，我将获得我当前悬停在上面的该元素的数据。我只需要调用者的数据，而不是其他人的数据。

$(".slider").each(function() {
  slider = new hx.Slider(this, {max:100});

  slider.on('change', function(value){
    var target = $( event.target );
    console.log(target);
  });
});

感谢您的帮助。

Answer 1

在没有看到 html 的情况下，有点难以回答，但好吧，according to docs您必须使用 html 元素初始化 slider ，并且您确实这样做了。

new hx.Slider(this, {max:100});

此行中的

this 是 html 元素，因此您可以直接使用它。

现在的问题是，由于您使用 function () {...} 语法，因此每个函数都有自己的 this。

您可以使用箭头函数(它们没有自己的 this)作为 .on(...) 回调(如果它工作正常，因为有时它不适用于 JQuery)或将当前 this 保存在变量中。

$(".slider").each(function(){

  const slide = this;

  const slider = new hx.Slider(
     slide,
     {max:100}
   );

  slider.on('change', function(value){
    console.log(slide, `is html element!`);
    console.log(value, `is the value that has just changed!`);
  });

});