cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add keyboard accessibility to markers, close #1355

Browse Source
This commit is contained in:
Vladimir Agafonkin 2013-06-24 13:14:26 -04:00
parent 9f50ab8dbb
commit 40179ed11f
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/layer/marker/Marker.js
View File

@ -11,6 +11,7 @@ L.Marker = L.Class.extend({
title: '', title: '',
clickable: true, clickable: true,
draggable: false, draggable: false,
keyboard: true,
zIndexOffset: 0, zIndexOffset: 0,
opacity: 1, opacity: 1,
riseOnHover: false, riseOnHover: false,
@ -121,6 +122,10 @@ L.Marker = L.Class.extend({
L.DomUtil.addClass(icon, classToAdd); L.DomUtil.addClass(icon, classToAdd);
if (options.keyboard) {
icon.tabIndex = '0';
}
this._icon = icon; this._icon = icon;
this._initInteraction(); this._initInteraction();
@ -213,6 +218,7 @@ L.Marker = L.Class.extend({
L.DomUtil.addClass(icon, 'leaflet-clickable'); L.DomUtil.addClass(icon, 'leaflet-clickable');
L.DomEvent.on(icon, 'click', this._onMouseClick, this); L.DomEvent.on(icon, 'click', this._onMouseClick, this);
L.DomEvent.on(icon, 'keypress', this._onKeyPress, this);
for (var i = 0; i < events.length; i++) { for (var i = 0; i < events.length; i++) {
L.DomEvent.on(icon, events[i], this._fireMouseEvent, this); L.DomEvent.on(icon, events[i], this._fireMouseEvent, this);
@ -244,6 +250,15 @@ L.Marker = L.Class.extend({
}); });
}, },
_onKeyPress: function (e) {
if (e.keyCode === 13) {
this.fire('click', {
originalEvent: e,
latlng: this._latlng
});
}
},
_fireMouseEvent: function (e) { _fireMouseEvent: function (e) {
this.fire(e.type, { this.fire(e.type, {