Google Map V3 繫結氣泡視窗(infowindow)Dom事件實現程式碼

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

在除錯功能模組時候,發現怎麼用什麼方法都無法在infowindow裡面新增的div進行繫結事件處理。鬱悶啊!上網搜了好多方法也沒用,
後來想想還是查了一下官方的API,發現了google.maps.InfoWindow下面的Events裡面有個domready事件

官方解釋
This event is fired when the containing the InfoWindow’s content is attached to the DOM. You may wish to monitor this event if you are building out your info window content dynamically.
本人理解大概的意思就是InfoWindow裡面動態新增的Dom元素完成後的回撥函式。
js是個單執行緒的引擎,只有等到DOM建立完成之後才能繫結事件,這樣理解起來應該很簡單了吧!
看同事寫的js程式碼,裡面好多setTimeout之類的延遲 估計沒弄清楚指令碼執行的順利 覺的延遲幾秒就行執行,其實問題很大。哪些指令碼要先執行,哪些要後執行 都是有順序的。
google.maps.event.addDomListener googleMap 提供的監聽Dom元素的事件

上程式碼

複製程式碼 程式碼如下:
google.maps.event.addListener(infowindow,”domready”,function(){
var Cancel = document.getElementById(“Cancel”);
var Ok=document.getElementById(“Ok”);
google.maps.event.addDomListener(Cancel,”click”,function(){infowindow.close();});
google.maps.event.addDomListener(Ok,”click”,function(){infowindow.close();});
});

官方API:https://developers.google.com/maps/documentation/javascript/3.exp/reference?hl=zh-cn

您可能感興趣的文章:

DOM 事件的深入淺出(二)DOM 事件的深入淺出(一)動態生成的DOM不會觸發onclick事件的原因及解決方法關於動態生成dom繫結事件失效的原因及解決方法JS中dom0級事件和dom2級事件的區別介紹DOM事件階段以及事件捕獲與事件冒泡先後執行順序(圖文詳解)JQuery中DOM實現事件移除的方法JQuery為頁面Dom元素繫結事件及解除繫結方法DOM 中的事件處理介紹DOM事件探祕篇

相關文章

前端開發 最新文章