Leaflet｜マップのマウス・タップイベント一覧

マウス・タップイベント一覧

イベント	実行タイミング
click	マップをクリック・タップ時に実行されます。
dblclick	マップをダブルクリック、ダブルタップ時に実行されます。
mousedown	マップ上でマウスボタンを押すと実行されます。
mouseup	マップ上でマウスボタンを離すと実行されます。
mouseover	マウスがマップに入ると実行されます。
mouseout	マウスがマップを離れると実行されます。
mousemove	マウスがマップ上を移動すると実行されます。
contextmenu	マップ上でマウスの右ボタンを押す、もしくはスマートフォンなどのモバイルで、長押しすると実行されます。
keypress	マップがフォーカスされている状態で、キーボードのキーを押すと実行されます。
preclick	マウスをクリックする前に実行されます。

Demoを表示

詳細

click

マップをクリック、もしくはタップするとイベントが実行されます。

引数
MouseEvent

コード

map.on('click', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('click', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

dblclick

マップをダブルクリック、もしくはダブルタップするとイベントが実行されます。

引数
MouseEvent

コード

map.on('dblclick', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('dblclick', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

mousedown

マップ上でマウスボタンを押すとイベントが実行されます。

引数
MouseEvent

コード

map.on('mousedown', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('mousedown', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

mouseup

マップ上でマウスボタンを離したときにイベントが実行されます。

引数
MouseEvent

コード

map.on('mouseup', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('mouseup', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

mouseover

マウスがマップに入るとイベントが実行されます。

引数
MouseEvent

コード

map.on('mouseover', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('mouseover', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

mouseout

マウスがマップを離れるとイベントが実行されます。

引数
MouseEvent

コード

map.on('mouseout', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('mouseout', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

mousemove

マップ上をマウスが移動するとイベントが実行されます。

引数
MouseEvent

コード

map.on('mousemove', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('mousemove', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

contextmenu

マップ上でマウスの右ボタンを押すとイベントが実行されます。
また、スマホなどのモバイルでは長押し（１秒間に１回のタッチ）をした場合にも、イベントが実行されます。

引数
MouseEvent

コード

map.on('contextmenu', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('contextmenu', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});

keypress

マップがフォーカスされている状態で、キーボードのキーを押すとイベントが実行されます。

引数
KeyboardEvent

コード

map.on('keypress', function(e) {
  // KeyboardEvent
  // e.originalEvent;
});

map.on('keypress', function(e) {

// KeyboardEvent

// e.originalEvent;

});

preclick

マップ上でマウスをクリックする前にイベントが実行されます。

引数
MouseEvent

コード

map.on('preclick', function(e) {
  // MouseEvent e
  // e.latlng;
  // e.layerPoint;
  // e.containerPoint;
  // e.originalEvent;
});

map.on('preclick', function(e) {

// MouseEvent e

// e.latlng;

// e.layerPoint;

// e.containerPoint;

// e.originalEvent;

});