Leaflet.js HTML Select 无法在移动设备上运行

Question

我正在使用与此示例类似的东西。问题是它不适用于移动设备。事实上，当 select 添加为控件或控件的一部分时，select 似乎无法在 leaflet.js 中工作。我正在寻找解决此问题的解决方案。

var legend = L.control({position: 'topright'});
legend.onAdd = function (map) {
    var div = L.DomUtil.create('div', 'info legend');
    div.innerHTML = '<select><option>1</option><option>2</option><option>3</option></select>';
    div.firstChild.onmousedown = div.firstChild.ondblclick = L.DomEvent.stopPropagation;
    return div;
};
legend.addTo(map);

这 fiddle 很接近。但是，它使用旧版本的传单并在移动设备上工作。使用较新的库进行测试不起作用。 http://jsfiddle.net/nFLc3/

Answer 1

您需要添加

L.DomEvent.disableClickPropagation(div);

添加后似乎可以正常工作。

Leaflet.js HTML Select 无法在移动设备上运行

Leaflet.js HTML Select not working on mobile devices

html

javascript

mobile

select

leaflet