Question

我有一张LeafLet地图，其中我创建了一个标记，其中包含一个带有自定义html的divIcon，创建一个textarea，基本上是：

<textarea placeholder="New text"></textarea">

单击textarea不会使其聚焦，以便我可以在其中写入。为了解决这个问题，我必须添加一个类似的事件处理程序：

$("#mapContainer).on('focus','textarea', mySetFocusFunction);

现在接下来的问题是我无法用鼠标将光标（或者插入符号准确）放在textarea中。单击textarea将光标定位在上次停止写入的位置。但是，使用键盘移动光标会起作用。它似乎也适用于我的iPad和iPhone ......

如何让它在我的电脑上运行？

Answer 1

由于Leaflet GIT页面上的问题，我终于设法解决了这个问题： Leaflet issue

我需要的是阻止mousedown / move / up事件通过textarea掉落。这可以通过添加：

来完成

L.DomEvent.on(textarea, 'mousedown', function(event) {
    L.DomEvent.stopPropagation(event);
});
L.DomEvent.on(textarea, 'mouseup', function(event) {
    L.DomEvent.stopPropagation(event);
});
L.DomEvent.on(textarea, 'mousemove', function(event) {
    L.DomEvent.stopPropagation(event);
});

Example on Codepen

在Leaflet地图标记中不能将插入/光标移动到textarea内吗？

1 个答案: