javascript - div 中无法选择的文本到可选择的传单

Question

正如标题所说，我使用了这个 ( Example ) 更具体地说，我使用了右上角的信息框(美国人口密度)。我修改了它以显示一些更多信息 onclick 等。现在我有一个问题，这个 div 是不可选择的。我需要能够选择文本(用于复制文本目的)，而不是选择文本，它只是移动 map 。是否有一个“非常简单的解决方案”，因为我找不到合适的地方。也许在 CSS 中以某种方式？

.info {
        position: fixed;
        right: 0;
        bottom: 23px;   
        padding: 6px 8px;
        font: 14px/16px Arial, Helvetica, sans-serif;
        background: white;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
        /*-webkit-user-select: text;
           -moz-user-select: text;
                user-select: text;
        -webkit-user-drag: text;*/   /*Tried this, didn't work. */

    }
    .info h4 {
        margin: 0 0 100px;
        color: #777;
    }

编辑:我应该添加，当我开始选择其他 div 时，我可以选择它。如图所示，如果我在显示图层的 div 上开始选择，我可以选择文本，但如果我尝试直接从该 div(在图片的右上角)中选择，它会移动 map 。我知道图片被剪得很小，希望它能提供所需的信息/视野。 图片:http://www.upload.ee/image/3839164/asd.PNG

谢谢， 克里斯蒂安

Answer 1

在控件的 onAdd 方法中使用 disableClickPropagation。

onAdd: function (map) {
    var container = L.DomUtil.create('div', 'my-custom-control');
    container.innerHTML += 'This is an example using disableClickPropagation.';
    L.DomEvent.disableClickPropagation(container);
    return container;
}

http://jsfiddle.net/9q756/1/