javascript - 如何将 "this"与一堆事件监听器一起使用？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 3 年前。

Improve this question

使用getElementsByClassName时如何使用“this”关键字数组方法？

代码运行良好，我只是不知道如何解决“？？？”部分...所以有 16 个“refsz”类，我想存储当前的 refsz 元素(单击的元素)并修改其子元素的内容。

var elements = document.getElementsByClassName("refsz");

for (var z = 0; z < elements.length; z++) {
    elements[z].addEventListener('click', Ref, false);
}


function Ref() {

???
this.find(.randomclass).innerText = "text";
???

}

Answer 1

只需将事件作为参数添加到函数中，然后，在 event.target 上，您将获得单击的元素:

    var elements = document.getElementsByClassName("refsz");
    
    for (var z = 0; z < elements.length; z++) {
        elements[z].addEventListener('click', Ref, false);
    }
    
    function Ref(event) {
        event.target.innerText = "Text changed";
        // this.find(.randomclass).innerText = "text";
    }

<div class="refsz">One</div>
<div class="refsz">Two</div>
<div class="refsz">Three</div>
<div class="refsz">Four</div>
<div class="refsz">Five</div>