jQuery - 字符計數器不適用於粘貼事件

我寫了一個jQuery字符計數器，它在我輸入時起作用，但在粘貼文本時不起作用。該功能在粘貼時執行，但計數不會更改。我不確定val()函數是否正確或與DOM同步。有任何想法嗎？jQuery - 字符計數器不適用於粘貼事件

counter = function() { 
    $j("strong#status-field-char-counter").text($j("#Panel1messagesmessage").val().length); 
    alert('event'); 
}; 


$j("textarea").keyup(counter); 
$j("textarea").bind('paste', counter); 
$j("#Panel1messagesmessage").bind('copy', counter); 
$j("#Panel1messagesmessage").bind('delete', counter);

來源

2009-11-02 AlexA

'粘貼' 是不是在http://docs.jquery.com/Events/bind ......也被列爲一個有效的事件，你可以添加事件作爲第二個參數'bind（）'作爲一個字符串，每個事件用空格'$（'＃selector'）分隔。bind（'click mouseover'，function（）{}）' – artlung 2009-11-02 15:48:58

這裏是解決不支持的事件的SO問題：http://stackoverflow.com/questions/237254/how-do-you-handle-oncut-oncopy-and-onpaste-in-jquery – artlung 2009-11-02 15:52:17

textarea的內容可以用多種方式來改變，而不是試圖趕上他們，只需安裝一個程序，檢查內容每0.5秒，像

$(function() { 
    window.charCount = 0; 
    setInterval(function() { 
     var c = $("textarea").val().length; 
     if(c != window.charCount) { 
     window.charCount = c; 
     $("span").html(window.charCount); 
     } 
    }, 500); 
})

來源

2009-11-02 14:02:43 user187291

我通常使用keyup與change

change事件在文本框失去焦點時觸發，但僅當該值自收到焦點後被修改時觸發。

來源

2009-11-02 14:18:59

我d用'keydown'試試看，但'keyup'似乎很好用，也非常適合_paste_。 – Irfan 2018-01-03 07:25:58

快速播放約：

$("#textarea").change(function() { 
      $("#status-field-char-counter").text($("#textarea").val().length); 
    }).keyup(function() { 
     $("#status-field-char-counter").text($("#textarea").val().length); 
    });

HTML

<p id="status-field-char-counter">here</p> 
<input id="textarea" type="text" />

來源

2009-11-02 14:24:52

jQuery - 字符計數器不適用於粘貼事件

回答

相關問題