麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

Leaflet API - DomEvent 中文文档

发布时间: 2022-10-17 所属分类: 文章标签:

当前位置：

麻辣GIS » GIS手册 » Leaflet中文API手册（V1.9） » Leaflet API - DomEvent 中文文档

本文介绍下 Leaflet 中 DomEvent API的详细使用说明。

DomEvent API 调用方法

在 Leaflet 内部用于处理 DOM 事件的实用函数。

Functions

Function	返回值	说明
`on(<HTMLElement> el, <String> types, <Function> fn, <Object> context?)`	`this`	为元素 `el` 的一个特定的 DOM 事件类型添加一个 listener 函数 (`fn`) 。你可以选择性地指定 listener 的上下文 ( `this` 关键字将指向的对象)。你也可以传递几个空格分隔的类型 (例如 `'click dblclick'`)。
`on(<HTMLElement> el, <Object> eventMap, <Object> context?)`	`this`	添加一组 type/listener，例如 `{click: onClick, mousemove: onMouseMove}`。
`off(<HTMLElement> el, <String> types, <Function> fn, <Object> context?)`	`this`	移除先前添加的 listener 函数。注意，如果你给 on 传递了一个自定义的上下文，你必须给 `off` 传递同样的上下文，以便删除 listener。
`off(<HTMLElement> el, <Object> eventMap, <Object> context?)`	`this`	删除一组 type/listener，例如 `{click: onClick, mousemove: onMouseMove}`
`off(<HTMLElement> el, <String> types)`	`this`	Removes all previously added listeners of given types.
`off(<HTMLElement> el)`	`this`	Removes all previously added listeners from given HTMLElement
`stopPropagation(<DOMEvent> ev)`	`this`	停止给定的事件向父元素传递。在 listener 函数中使用: `L.DomEvent.on(div, 'click', function (ev) { L.DomEvent.stopPropagation(ev); });`
`disableScrollPropagation(<HTMLElement> el)`	`this`	将 `stopPropagation` 添加到元素的 `'wheel'` 事件 (加上浏览器的变体)。
`disableClickPropagation(<HTMLElement> el)`	`this`	将 `stopPropagation` 添加到元素的 `'click'`、 `'doubleclick'`、 `'mousedown'` 和 `'touchstart'` 事件 (加上浏览器的变体)。
`preventDefault(<DOMEvent> ev)`	`this`	阻止DOM事件 `ev` 的默认事件发生（如跟随a元素的href中的链接，或在提交 `<form>` 时做 POST 请求并重新加载页面）。在 listener 函数中使用它。
`stop(<DOMEvent> ev)`	`this`	同时做 `stopPropagation` 和 `preventDefault` 。
`getMousePosition(<DOMEvent> ev, <HTMLElement> container?)`	`Point`	从DOM事件中获取相对于`容器` (不包括边框) 的规范化鼠标位置，如果没有指定，则获取相对于整个页面的规范化鼠标位置。
`getWheelDelta(<DOMEvent> ev)`	`Number`	从一个滚轮 DOM 事件中获取正常化的滚轮 delta，以滚动的垂直像素为单位（如果向下滚动则为负数）。来自没有精确滚动的指点设备的事件被映射为 60 像素的最佳猜测。
`addListener(…)`	`this`	同 `L.DomEvent.on`
`removeListener(…)`	`this`	同 `L.DomEvent.off`

其他API

Leaflet中文API文档手机（v.19版本）参考：《Leaflet中文API文档手机（v.19版本）》

相关阅读

「GIS教程」使用Vue和Leaflet实现地图量测功能

「GIS教程」使用Vue和Leaflet实现地图量测功能

「GIS教程」使用Vue和Leaflet实现地图聚合功能

「GIS教程」使用Vue和Leaflet实现地图聚合功能

「GIS教程」使用Vue和Leaflet实现地图网格

「GIS教程」使用Vue和Leaflet实现地图网格

「GIS教程」使用Vue和Leaflet实现地图卷帘功能

「GIS教程」使用Vue和Leaflet实现地图卷帘功能

「GIS教程」使用Vue和Leaflet实现鹰眼图效果

「GIS教程」使用Vue和Leaflet实现鹰眼图效果

「GIS教程」使用Vue和Leaflet实现热力图效果

「GIS教程」使用Vue和Leaflet实现热力图效果

作者：Sailor

GIS爱好者，学GIS，更爱玩GIS。

加入QQ群 B站关注

声明

1.本文所分享的所有需要用户下载使用的内容（包括但不限于软件、数据、图片）来自于网络或者麻辣GIS粉丝自行分享，版权归该下载资源的合法拥有者所有，如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用，请切勿用作商用等其他用途，否则后果自负。

手机阅读

公众号关注

知识星球

手机阅读

麻辣GIS微信公众号关注

最新GIS干货

关注麻辣GIS知识星球

私享圈子

上一篇：Leaflet API - PolyUtil 多边形工具函数中文文档

下一篇：Leaflet API - DomUtil 中文文档

留言板（小编看到第一时间回复）取消回复