讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码_javascript技巧

php中文网
发布： 2016-05-16 17:35:12
原创
1469人浏览过

在调试功能模块时候，发现怎么用什么方法都无法在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元素的事件

上代码：

AletheaAI
AletheaAI

世界上第一个从自然语言描述中生成交互式 AI 角色的多模态 AI 系统。

AletheaAI 83
查看详情 AletheaAI
复制代码 代码如下:

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

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：用jquery实现输入框获取焦点消失文字_jquery 下一篇：关于jquery.validate1.9.0前台验证的使用介绍_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
javascript框架和库是什么_如何选择React、Vue或Angular？ JavaScript框架与库分别提供按需调用的功能集合和约束性开发结构；React是UI组件库，生态灵活但需自行整合工具；Vue渐进式易上手，兼顾原型与工程化；Angular是全功能TypeScript框架，适合强规范企业级项目。
2025-12-16 13:11:03
744
javascript如何操作DOM_常用的DOM方法有哪些？ JavaScript操作DOM的核心是获取元素后修改、增删内容及绑定事件。常用方法包括：获取元素（getElementById、querySelector等）、修改内容与属性（textContent、innerHTML、setAttribute等）、添加删除元素（createElement、appendChild、remove等）、事件绑定（addEventListener、event.target等）。
2025-12-16 13:05:54
725
javascript中的正则表达式是什么_如何匹配文本？ JavaScript正则表达式是匹配、查找、替换文本模式的工具，支持字面量（/abc/）和构造函数（newRegExp("abc")）两种创建方式，提供match、test、replace、split等方法及g/i/m修饰符和\d、\w、.等元字符。
2025-12-16 13:00:08
509
javascript的设计模式有哪些_单例模式如何实现？ JavaScript中最推荐的单例实现是模块级单例，利用ES6模块默认导出的天然单例特性，简洁、可靠且符合语言习惯；其次为ES6Class配合静态工厂方法，避免直接new；闭包方式适用于ES5环境。
2025-12-16 12:59:02
677
JavaScript中的解构赋值是什么_它如何简化数组和对象的处理呢 解构赋值是JavaScript中从数组或对象提取值并赋给变量的简洁语法，支持按位置（数组）或属性名（对象）匹配、跳过元素、剩余参数、默认值、重命名、嵌套解构，并可用于函数参数，但需注意语法限制和null/undefined报错问题。
2025-12-16 12:55:50
852
如何使用JavaScript连接数据库_MongoDB和MySQL有什么区别呢 JavaScript需通过Node.js等服务端环境连接数据库，浏览器端因安全限制无法直连；MongoDB用BSON文档模型、JS风格查询，适合灵活迭代场景；MySQL用关系模型、SQL语言，适合强一致性事务场景。
2025-12-16 12:50:02
664
JavaScript中如何深拷贝对象_有哪些实现方法 JavaScript深拷贝核心是创建完全独立的新对象，避免引用共享；常用方法包括JSON.parse(JSON.stringify())（简洁但有类型限制）、structuredClone()（现代标准，支持多类型）、手写递归（可控但复杂）和Lodash的cloneDeep()（全面稳妥）。
2025-12-16 12:45:31
996
JavaScript加密解密_JavaScript数据安全处理 前端加密主要用于防止明文暴露和简单抓包，不能替代后端安全机制。1.JavaScript常见加密方式包括AES（对称加密，适合大数据）、RSA（非对称加密，用于密钥传输）、Base64（数据转码，非加密）和SHA-256哈希（不可逆，用于摘要签名）。2.推荐使用WebCryptoAPI实现加密，如AES-GCM模式结合随机IV，通过generateKey生成密钥，提升安全性并避免第三方库风险。3.密钥不得硬编码在JS中，应通过接口动态获取或用RSA传递会话密钥。4.必须启用HTTPS防止中间人攻击
2025-12-16 12:45:02
676
javascript如何实现微任务_它们何时执行 微任务在当前宏任务结束后、渲染前立即执行，常见类型包括Promise回调、MutationObserver回调和queueMicrotask()；每次调用栈清空后，引擎持续执行全部微任务直至队列为空，不被渲染或宏任务打断。
2025-12-16 12:31:02
455
javascript如何实现虚拟dom_它的优势是什么 虚拟DOM是用普通JavaScript对象描述真实DOM的树形结构，通过createElement创建节点、render渲染、diff+patch更新；其核心价值在于提升开发体验、跨平台能力与可控性能优化，而非绝对高性能。
2025-12-16 12:19:02
507
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部