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

