javascript - 在浏览器中禁用突出显示

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