本文共 955 字，大约阅读时间需要 3 分钟。

目录

一、事件类型

L.Map 交互事件有如下多种，主要为鼠标和键盘交互。

 二、添加事件监听

API

说明

有两种监听方式

1. on <String>

• 可同时添加一个或多个事件，多个事件用空格分开，共同一个方法。可用回调参数 e.type 判断是哪个事件。
• 同一类型事件，可多次监听，方法按照监听顺序执行。

2. on <Object>

• 可同时添加一个或多个事件，使用键值对方式。

示例

// String 类型，监听单个事件map.on('click', onClick);// String 类型，监听单个事件，多次添加，与方法 onClick 按照顺序执行map.on('click', onClick02);// String 类型，监听多个事件，使用同一个方法，可以用回调参数 e.type 判断当前是哪个事件map.on('click dblclick', onClick);// Object 类型，键值对方式，监听一个或多个事件map.on({    click: onClick,    dblclick: ondblClick});

三、取消事件监听

API

说明

有三种取消方式

1. off <String>

• 第一个参数为 String，可同时删除多个，用空格分开。
• 第二个参数可选，不填时，删除全部同类型的监听事件。
• 第二个参数可选，填写时，且与 on 指向的通一个方法，删除该方法对应的事件监听。如果该类型多次添加，仅删除指定的方法。

2. off <Object>

• 键值对方式，删除对应的事件类型和方法。

3. off

• 不分类型，删除全部的监听事件。慎用！

示例

// 删除 click 全部的监听事件map.off('click');// 删除 click 对应的 onClick 监听事件map.off('click', onClick);// 删除多个事件，用空格隔开map.off('click dblclick');// 键值对方式删除map.off({    click: onClick,    dblclick: ondblClick});// 删除全部事件 慎用！！！map.off();

四、应用场景

1、鼠标移动事件显示实时坐标

2、鼠标点击事件获取坐标点

转载地址：http://zonii.baihongyu.com/