limiter combien de caractères peuvent être collés dans textarea

Est-il possible de détecter combien de personnages sont collés dans un HTML textarea, et d'annuler la pâte au-delà d'une limite?

Edit: ce que j'essaie de faire est d'éviter à l'utilisateur de coller une quantité massive de caractères (~3 millions de dollars), car il se bloque sur certains navigateurs. Je tiens donc à annuler la pâte avant de leur navigateur bloque. Je fais un éditeur de document où les utilisateurs sont susceptibles d'essayer cette. Mais il peut taper autant qu'ils le veulent.

source d'informationauteur hoju

  1. 11

    vous pouvez le faire sur jQuery comme ceci:

    $(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);
})

  })

    voir une démo ici.

  2. 6
    $("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');
    }
});

    Cette jquery attache la fonction anonyme pour ces zones de texte, ce sera couper le texte et alerte l'utilisateur, vous pouvez également le joindre à l'événement keypress.

    Voir: http://viralpatel.net/blogs/2008/12/set-maxlength-of-textarea-input-using-jquery-javascript.html pour plus de détails sur ce point.

  3. 2

    Dans IE, vous pouvez utiliser le onPaste événement. (La documentation MSDN)

    Dans Firefox, Safari, Opera et Chrome, vous pouvez utiliser le onInput événement (Dottoro.com référence). Cet événement se déclenche lorsque le contenu du texte de l'élément est modifié par le biais de l'interface utilisateur, y compris le collage.

  4. 2

    Vous ne pouvez pas accéder au contenu du presse-papiers via JS, donc vous ne pouvez pas l'empêcher. Cependant, vous avez trois options:

    1. Ne pas permettre à l'utilisateur de coller le contenu (Ce serait une très mauvaise idée de UX).
    2. Utiliser un onPaste événement afin de substr le contenu collé de 0 à la limite de caractères, une fois qu'il est collé.
    3. Utiliser un javascript/flash plugin (Cela ne fonctionne pas sur les appareils mobiles).
    4. Utiliser un applet ou SilverLight (je n'aime pas celui-ci)

    Ces quelques suggestions, et si vous trouvez une autre façon de le faire, s'il vous plaît laissez-moi savoir.

  5. 0

    J'utilise jQuery et ajouter un gestionnaire d'événements pour le textarea. Lorsque le gestionnaire d'incendies, de faire le décompte et de répondre comme souhaité.