javascript - Firefox 上奇怪的蓝色边框

Question

请看一下这段代码

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

在 Firefox 上，当您按 ctrl 按钮选择多行时，它会显示奇怪的蓝色边框，但在 Chrome 上则不会。

使用最新的 Firefox 10.0.2。

是浏览器相关的错误吗？

Answer 1

这是由于选择了文本 - native 浏览器行为。

通过使用 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 .