如何控制JS函数中的this,使其始终指向DOM元素?

如何控制js函数中的this,使其始终指向dom元素?

this在js函数中的灵活控制

javascript函数中,this关键字指向函数内部的执行上下文。在不同的情况下,this可以动态地指向元素dom或函数本身。这可能会带来一些混乱, особенно когда вы хотите получить идентификатор элемента, который вызвал функцию.

问题:

如何在js函数中控制this,以便它始终指向元素dom,而不是函数本身?

答案:

要控制this指向元素dom,可以使用以下技巧:

1. 传入事件源

调用函数时,可以使用事件源作为参数传递。例如:

function f(ele) {
  console.log($(ele).attr('id'));
}

f(this); // 传入事件源

2. 使用绑定事件

可以使用jquery的on()方法绑定事件到元素上。在这种情况下,this将自动指向触发事件的元素。例如:

$('.element').on('click', function() {
  console.log($(this).attr('id'));
});

以上就是如何控制JS函数中的this,使其始终指向DOM元素?的详细内容,更多请关注其它相关文章!