javascript – Firefox上的奇怪蓝色边框

请看一下这段代码

http://www.jsfiddle.net/tt13/5CxPr/21

在Firefox上,当您通过按ctrl按钮选择多行时显示奇怪的蓝色边框,但在Chrome上则不显示.

使用最新的Firefox 10.0.2.

那个与浏览器有关的bug吗？

解决方法

这是由于选择了文本 – 本机浏览器行为.

您也可以使用SHIFT键而不是CTRL在Chrome中观察同样的问题.

要解决此问题,您可以在用户单击要选择的单元格后立即清除选择：

$(".subject").live('click',function(event) {
    if(event.ctrlKey) {
          $(this).toggleClass('selected');  
    } else {
          $(".subject").removeClass("selected");
          $(this).addClass("selected");           
    }
    if (document.selection)
        document.selection.empty();
    else if (window.getSelection)
        window.getSelection().removeAllRanges();
});

Updated fiddle.