2012-02-26 12 views
6

Proszę spojrzeć na ten kodDziwne niebieskie obramowanie na Firefox

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

na Firefox pokazuje dziwne niebieskie obramowanie po wybraniu wielu wiersza przez naciśnięcie przycisku ctrl ale na Chrome nie działa .

enter image description here

Korzystanie najnowszy Firefox 10.0.2.

Czy to błąd związany z przeglądarką?

+1

Isnt że cecha? Firefox podświetla wybrane elementy z niebieskim obramowaniem. – Alex

+0

To prawdopodobnie zarys widzenia, spróbuj go usunąć. – adeneo

+0

@Alex Dunno. W każdym razie, jeśli jest to funkcja, chcę ją wyłączyć. Pytanie brzmi: jak? –

Odpowiedz

9

Wynika to tekst jest zaznaczony - natywną zachowanie przeglądarki.

Można zaobserwować ten sam problem w Chrome, jak również za pomocą klawisza SHIFTzamiast CTRL.

Aby temu zaradzić, można po prostu usunąć zaznaczenie zaraz po użytkownikiem kliknij komórkę, aby wybrać:

$(".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.

8

Spróbuj nieruchomość ustawienie CSS -moz-user-select do stołu, aby wyłączyć domyślne zachowanie wyboru:

table { -moz-user-select: none; } 

MDN

+2

Ujemną konsekwencją tego jest fakt, że w ogóle nie można wybrać tekstu tabeli. Nie tylko usuwa obramowanie przy kliknięciu komórki tabeli z wciśniętym klawiszem Ctrl. –

+0

@MaratTanalin OOOPSS. Tak, jesteś prawdą. Jakie jest twoje rozwiązanie? –

+0

@ trl13 rozwiązaniem jest wyczyszczenie zaznaczenia, a nie zapobieganie - zobacz moją odpowiedź. –

3

To działa dla aktualnej wersji przeglądarki Firefox 20.0.1, jeśli chcesz dodać dodatkowy element do komórki, aby umożliwić wybór tekstu.

td { -moz-user-select: -moz-none } 
td * { -moz-user-select: text } 

http://jsfiddle.net/nukj7/

+0

Jak radzisz sobie z wieloma wierszami? Mam stół z wieloma rzędami. Dzięki twojemu rozwiązaniu mogę po prostu wybrać jeden td w jednym rzędzie. Czy możesz podać rozwiązanie? Z góry dziękuję – webprogrammer

Powiązane problemy