ograniczenie liczby wklejanych znaków w obszarze tekstowym

Question

Czy można wykryć liczbę wklejonych znaków w polu tekstowym HTML i anulować wklejanie w przypadku przekroczenia limitu?

Edytuj: staram się uniemożliwić użytkownikowi wklejenie ogromnej ilości znaków (~ 3 miliony), ponieważ powoduje awarię niektórych przeglądarek. Dlatego chcę anulować wklej, zanim ich przeglądarka zablokuje się. Robię edytor dokumentów, gdzie użytkownicy mogą to wypróbować. Ale mogą pisać tyle, ile chcą.

Answer 1

można to zrobić w jQuery tak:

$(document).ready(function(){ 
function limits(obj, limit){ 

    var text = $(obj).val(); 
    var length = text.length; 
    if(length > limit){ 
     $(obj).val(text.substr(0,limit)); 
    } else { // alert the user of the remaining char. I do alert here, but you can do any other thing you like 
     alert(limit -length+ " characters remaining!"); 
    } 
} 


$('textarea').keyup(function(){ 

    limits($(this), 20); 
}) 

    }) 

zobaczyć demo here.

Answer 2

Używałbym jQuery i dodałem obsługę zdarzeń dla obszaru tekstowego. Po uruchomieniu programu obsługi wykonaj liczenie i odpowiedz zgodnie z potrzebami.

Answer 3

W IE można użyć zdarzenia onPaste. (MSDN documentation)

W przeglądarkach Firefox, Safari, Opera i Chrome można użyć zdarzenia onInput (Dottoro.com reference). To zdarzenie jest uruchamiane, gdy treść tekstu elementu jest zmieniana za pośrednictwem interfejsu użytkownika, w tym wklejania.

Answer 4

$("textarea").blur(function(event) { 
    var maxLength = 3000000; 
    var length = this.value.length; 
    if (length > maxLength) { 
     //reassign substring of max length to text area value 
     this.value = this.value.substring(0, maxLength); 
     alert(maxLength + ' characters allowed, excess characters trimmed'); 
    } 
}); 

Ten jQuery przywiązuje anonimową funkcję do pola tekstowe, to przycinanie tekstu i ostrzega użytkownika, można również dołączyć go do zdarzenia naciśnięcia klawisza.

Zobacz: http://viralpatel.net/blogs/2008/12/set-maxlength-of-textarea-input-using-jquery-javascript.html w celu uzyskania dalszych informacji na ten temat.

Answer 5

Nie można uzyskać dostępu do zawartości schowka za pomocą JS, więc nie można tego uniemożliwić. Istnieją jednak trzy opcje:

1. Nie zezwalaj użytkownikowi na wklejanie zawartości (byłoby to naprawdę zły pomysł na UX).
2. Użyj zdarzenia onPaste, aby wkleić wklejoną zawartość z 0 do limitu znaków po wklejeniu.
3. Użyj wtyczki javascript/flash (nie będzie działać na urządzeniach mobilnych).
4. pomocą apletu lub Silverlight (nie podoba mi się ten jeden)

Są to tylko niektóre propozycje, a jeśli znaleźć inny sposób, aby to zrobić, proszę dać mi znać go.