"將多個變量傳遞給事件監聽器"

Question

我正在使用 Google Maps API 和多個標記。 在標記上，需要有一個點擊事件才能打開信息窗口。 我得到了那個部分的工作。 我想知道是否有一種方法可以傳遞多個變量並在所有這些標記上添加相同的事件偵聽器？

我目前有：

 google.maps.event.addListener(marker, 'click', function () { _(that.popups).each(function (popup) { popup.hide(); }).value(); infowindow.show(/*that.map, marker*/); });

如果我有一個nyMarker變量，然后是一個laMarker變量，我如何將它傳遞給事件處理程序？

Answer 1

我正在使用Google Maps API和多個標記。 在標記上，需要有一個單擊事件才能打開信息窗口。 我的那部分工作了。 我想知道是否有一種方法可以傳遞多個變量，並在所有這些標記上添加相同的事件偵聽器？

我目前有：

 google.maps.event.addListener(marker, 'click', function () { _(that.popups).each(function (popup) { popup.hide(); }).value(); infowindow.show(/*that.map, marker*/); });

如果我有一個nyMarker變量，然后有一個laMarker變量，如何將其傳遞給事件處理程序？

Answer 2

它非常簡單； 你想做兩種方法，它們都有效； 你所要做的就是像這樣使用forEach()<\/strong> -

#第一種方法<\/strong><\/em>

1. 首先，您必須為所有元素添加一個新的且相同的類（如果您已經擁有，則使用舊的），然后使用querySelectorAll()<\/strong>函數訪問它們。

2. 然后你必須使用forEach()<\/strong>來定位所有這些

   #第二種方法<\/strong><\/em>

   首先，您必須通過querySelector()<\/strong>或getElementsByClassName()[]<\/strong>或您想要的方式初始化所有變量。 <\/li><\/ol>

    const element1 = document.querySelector('.a'); const element2 = document.querySelector('.b'); const element3 = document.querySelector('.c');<\/code><\/pre>

   然后你必須像這樣使用forEach()<\/strong>來定位它們 - <\/li><\/ol>

    [element1, element2, element3].forEach((element)=>{ element.addEventListner('click', ()=>{ console.log('action'); }); });<\/code><\/pre>

   "