Google Map V3 綁定氣泡窗口(infowindow)Dom事件實(shí)現(xiàn)代碼
更新時(shí)間:2013年04月26日 14:56:29 作者:
無法在infowindow里面添加的div進(jìn)行綁定事件處理,官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個(gè)domready事件
在調(diào)試功能模塊時(shí)候,發(fā)現(xiàn)怎么用什么方法都無法在infowindow里面添加的div進(jìn)行綁定事件處理。郁悶啊!上網(wǎng)搜了好多方法也沒用,
后來想想還是查了一下官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個(gè)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里面動(dòng)態(tài)添加的Dom元素完成后的回調(diào)函數(shù)。
js是個(gè)單線程的引擎,只有等到DOM創(chuàng)建完成之后才能綁定事件,這樣理解起來應(yīng)該很簡單了吧!
看同事寫的js代碼,里面好多setTimeout之類的延遲 估計(jì)沒弄清楚腳本執(zhí)行的順利 覺的延遲幾秒就行執(zhí)行,其實(shí)問題很大。哪些腳本要先執(zhí)行,哪些要后執(zhí)行 都是有順序的。
google.maps.event.addDomListener googleMap 提供的監(jiān)聽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
后來想想還是查了一下官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個(gè)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里面動(dòng)態(tài)添加的Dom元素完成后的回調(diào)函數(shù)。
js是個(gè)單線程的引擎,只有等到DOM創(chuàng)建完成之后才能綁定事件,這樣理解起來應(yīng)該很簡單了吧!
看同事寫的js代碼,里面好多setTimeout之類的延遲 估計(jì)沒弄清楚腳本執(zhí)行的順利 覺的延遲幾秒就行執(zhí)行,其實(shí)問題很大。哪些腳本要先執(zhí)行,哪些要后執(zhí)行 都是有順序的。
google.maps.event.addDomListener googleMap 提供的監(jiān)聽Dom元素的事件
上代碼:
復(fù)制代碼 代碼如下:
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
相關(guān)文章
用javascript控制iframe滾動(dòng)的代碼
用javascript控制iframe滾動(dòng)的代碼...2007-04-04javascript設(shè)計(jì)模式 – 橋接模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 橋接模式,結(jié)合實(shí)例形式分析了javascript橋接模式基本概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04Event altKey,ctrlKey,shiftKey屬性解析
本篇文章主要是對Event altKey,ctrlKey,shiftKey屬性解析了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12分享10個(gè)優(yōu)化代碼的CSS和JavaScript工具
如果你想在保持文件的時(shí)候或執(zhí) 行的階段lint代碼,那么linting工具也可以如你所愿。這取決于個(gè)人的選擇。如果你正在找尋用于CSS和JavaScript最好的 linting工具,那么請繼續(xù)閱讀2016-05-05JavaScript引用類型Object常見用法實(shí)例分析
這篇文章主要介紹了JavaScript引用類型Object常見用法,簡單描述了javascript基本數(shù)據(jù)類型,并結(jié)合實(shí)例形式分析了引用類型Object基本創(chuàng)建、賦值、訪問屬性等基本操作技巧,需要的朋友可以參考下2018-08-08Javascript 正則表達(dá)式實(shí)現(xiàn)為數(shù)字添加千位分隔符
在項(xiàng)目中做貨幣轉(zhuǎn)換的時(shí)候經(jīng)常需要可以實(shí)現(xiàn)自動(dòng)格式化輸入的數(shù)字,自動(dòng)千位分隔符,在網(wǎng)上也看到一些其他網(wǎng)友的實(shí)現(xiàn)的代碼,感覺都不是太滿意,于是自己研究了下,分享給大家。2015-03-03VBS通過WMI監(jiān)視注冊表變動(dòng)的代碼
似乎有人覺得用VBS監(jiān)視注冊表很高級?使用了WMI事件而已,跟《用VBS監(jiān)視進(jìn)程創(chuàng)建和刪除》一樣2011-10-10