Javascript 保持单击功能不变，直到第二次单击

问题：当我点击一个项目（在我的例子中是一个状态）时，周长变为黑色，但是如果我将光标移开，它会变回灰色

问题：如何使黑色边框保持不变，直到我再次单击另一项或同一项

代码：

function clickFeature(e) {
var layer = e.target;
info.update(layer.feature.properties);
layer.setStyle({

            color: '#000',

        });
}
    var geojson;

    function resetHighlight(e) {
        geojson.resetStyle(e.target);

    }

    function zoomToFeature(e) {
        map.fitBounds(e.target.getBounds());
    }

    function onEachFeature(feature, layer) {
        layer.on({
            mouseover: highlightFeature,
            mouseout: resetHighlight,
            click: clickFeature,



        });
    }



    geojson = L.geoJson(statesData, {
        style: style,
        onEachFeature: onEachFeature
    }).addTo(map);

---

我认为，您可以将代码更改为

焦点

，而不是

单击

在单击其他位置之前，焦点将停留在图元上

因此，如果您使用的是JavaScript。然后将事件更改为

<element onfocus="clickFeature()"></element>

---

现在，当元素获得焦点（单击、制表符焦点等）时，元素将变黑，直到或除非您单击文档（页面）上的其他位置。

对不起，我对此有点陌生，我如何将您的代码输入到上面的代码中？没问题。你能告诉我，你是如何执行这个功能的吗？现在，我有一个鼠标覆盖和鼠标移出功能，还有一个点击功能，它控制黑色，但在摇摆时不会停留。我不知道这是否回答了你的问题。