DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現代碼
Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現代碼
編輯:關於JavaScript     
在調試功能模塊時候,發現怎麼用什麼方法都無法在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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved