有一個(gè)HTML錨點(diǎn)列表,我需要添加事件偵聽器,據(jù)我了解,當(dāng)我將其作為參數(shù)提及時(shí),它不會(huì)接收數(shù)組。作為一種嘗試,我使用自調(diào)用代替了額外的功能,但是這種方法甚至i在調(diào)試時(shí)也沒有被監(jiān)聽。for (var i=0; i < anc.length; i++) { anc[i].addEventListener('mouseover', function(i,pop,tri) { console.log('i=%i', i); // last value of loop pop[i].style.display = 'initial'; tri[i].style.animation='anim_dpt_tr 0.4s ease-out forwards'; }); ...}更有用的代碼var pop = document.querySelectorAll('#cities > li > a > .popup');const anc = document.querySelectorAll('#cities > li > a');var tri = document.getElementsByClassName('triangle-left');for (var i=0; i < anc.length; i++) { anc[i].addEventListener('mouseover', over(i, tri, pop)); anc[i].addEventListener('touchmove', over(i, tri, pop)); anc[i].addEventListener('touchend', out(i, tri, pop)); anc[i].addEventListener('mouseout', out(i, tri, pop));}function over(i,tri,pop) { console.log("over_address=%i", pop[i]); // =0 pop[i].style.display = 'initial'; tri[i].style.animation='anim_dpt_tr 0.4s ease-out forwards';}function out(i,tri,pop) { console.log("out_i=%i", i); // =each index pop[i].style.display = 'none'; tri[i].style.animation='anim_dpt_tr_back 0.3s ease-in forwards';}這里的HTML樹<ul id="cities"> <li> <a href="">Shoulder <span class="triangle-left"></span> <span class="popup">Arm</span> </a> </li>...如何正確將數(shù)組傳遞給事件處理程序?
調(diào)用具有多個(gè)數(shù)組參數(shù)的函數(shù)
慕勒3428872
2021-04-02 18:15:19