禁用文字懸停效果

Question

所以我試圖禁用文本tspan標記的“懸停”狀態。 我有一個已經有懸停狀態的元素，每當我將鼠標放在文本上時，懸停效果“閃爍”。 我希望在懸停狀態下忽略文本。

在本例中 ，參見“Morbihan”區域，當我們將鼠標放在文本“Morbihan”上時，該區域的懸停效果會閃爍。 工具提示也是如此，我想禁用該效果，當懸停文本時，只需繼續使用工具提示並突出顯示該區域的顏色。

http://jsfiddle.net/neveldo/jh4jzyhw/

到目前為止我只禁用了文本光標：

    tspan {
        cursor: default;
    }

謝謝。

Answer 1

我想你正在尋找pointer-events:none; 在text元素上。

text {
    pointer-events:none;
}

請注意，將該樣式應用於tspan將不起作用。 如果需要這樣做，則需要使用jQuery將樣式應用於父text元素。 像$('tspan').parent().css({ pointerEvents: 'none' }); （偽代碼，未經測試）

http://jsfiddle.net/daveSalomon/jh4jzyhw/155/