Захват текста, вставленного в текстовое поле с помощью JQuery

Question

Я должен принять событие вставки текстовой области, используя JQuery Я пробовал следующий код, но он не работает ...

$(document).ready(function()
{ 
  $('#txtcomplaint').keyup(function()
  {  
     TextCounter('txtcomplaint','counterComplaint', 1000 ); 
  }) 
  $('#txtcomplaint').onpaste(function()
  {  
     alert()
     //TextCounter('txtcomplaint','counterComplaint', 1000 ); 
  }) 
});

Answer 1

Вы можете сделать что-то вроде этого

$("#txtcomplaint").bind('paste', function(e) {
    var elem = $(this);

    setTimeout(function() {
        // gets the copied text after a specified time (100 milliseconds)
        var text = elem.val(); 
    }, 100);
});

Answer 2

$('#txtcomplaint').bind('paste', function(e){ alert('pasting!') });

Дополнительный ресурс смотрите здесь .

Answer 3

Это самое полезное решение:

$("#item_name").bind("input change", function() {});

возможно, изменение не является обязательным.

Answer 4

Я, наконец, получил это для 1) набора текста, 2) перетаскивания, 3) Ctrl-V и 4) вставки из контекстного меню щелчком мыши, но мне пришлось прикрепить обработчики вставки и удаления документ (где «taValue» - это класс текстовых областей, которые я пытаюсь отслеживать):

        $(document).on("paste drop", '.taValue', function (e) {
          myHandler.call(e.target, e);
        });

Событие keyup на textarea уже сработало. Следующая проблема состояла в том, что события вставки и удаления запускаются ПЕРЕД тем, как текст в текстовой области действительно изменяется. В моем случае я хотел сравнить новый текст с оригинальным текстом. Я прибег к setTimeout:

    function myHandler(e) {
      if (e && (e.type === "drop" || e.type === "paste")) {
        var me = this;
        setTimeout(function () { myHandler.call(me) }, 200);
      }... [more code to do the comparison]

Я ненавижу использовать таймауты для подобных вещей, но это работает (когда я пробовал интервал в 100 мс, это не так).