保持點擊功能相同，直到第二次點擊

Question

問題：當我點擊一個項目（在我的情況下是一個狀態），周界變黑，但是如果我移動光標，它會恢復爲灰色。

問：我如何製作黑色邊界直到我再次點擊另一個物品或同一個物品？

代碼：

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); 

Answer 1

我想，你可以更改代碼以focus而不是click。

重點留在元素上，直到你點擊其他地方。

所以，如果你使用JavaScript。那麼事件改變

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

現在，當元素將獲得焦點（鼠標，Tab鍵焦點等），則該元素會發黑，直到或者除非你點擊其他地方的文件（網頁）。