突出显示在浏览器中禁用

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