突出顯示在瀏覽器中禁用

Question

我有一個簡單的分頁腳本。 當您在短時間內多次點擊「下一步」按鈕時，瀏覽器突出顯示可點擊區域。所有瀏覽器都會對您重複點擊的元素執行此操作。

有沒有辦法禁用突出顯示該元素？

我覺得我看過的地方無法找到答案。

謝謝！

Answer 1

很難做到這個跨瀏覽器。我通常只是假設IE用戶習慣於看起來有點偏離/不會注意到高亮/等等。我使用這個使用jQuery的片段，但應該適用於幾乎任何庫：

$.fn.disableSelection = function() { 
    return $(this).each(function(index, el) { 
    if(typeof el.style.MozUserSelect != 'undefined') { 
     el.style.MozUserSelect = 'none'; 
    } 
    else { 
     el.onmousedown = function() { return false; } 
    } 
    el.style.cursor = 'pointer'; 
    }); 
}