關於文本框中剩餘字符數量的實時反饋

我有一個textarea元素，我想限制爲100個字符。我目前的任務是給用戶一個視覺反饋。從空箱開始，它應該是「100個字符左」。關於文本框中剩餘字符數量的實時反饋

現在，我添加了一個javascript函數charsLeft（）到textarea的onChange，但它的工作原理只有50％。它只會更新包含數字的div，當我離開（焦點）textarea而不是我鍵入的時候。我該如何去做呢？這樣，我的用戶可以在他們輸入時看到他們在我的textarea中留下了多少個字符？

來源

2010-05-27 Jason94

我認爲你正在尋找'onkeyup' – SilentGhost 2010-05-27 12:06:29

嘗試使用onKeyUp事件。

來源

2010-05-27 12:06:05 karlipoppins

PERFECTO！ :)謝謝 – Jason94 2010-05-27 12:08:22

這不包括剪切和粘貼，或文本拖入textarea。 – 2010-05-27 23:11:28

是真實的，但它完全覆蓋了作者的問題（「讓我的用戶可以看到，因爲他們鍵入」），你不覺得嗎？此外，由於瀏覽器兼容性的缺陷，我總是不願意實施粘貼解決方案（http://www.quirksmode.org/dom/events/cutcopypaste.html） – karlipoppins 2010-05-28 09:23:32

處理keyup事件當然應該是解決方案的一部分。您還應該考慮cut和paste事件，並且由於文本也可以拖入文本區域，所以您應該嘗試並處理它，可能使用mouseup事件。您可能還希望進行某種輪詢以覆蓋不支持cut和paste事件的瀏覽器，例如Firefox 2和Opera。

來源

2010-05-27 23:11:01

如果您正在尋找更優雅的解決方案，Flapjax是您的朋友。請參閱relevant code sample。

來源

2010-05-27 23:13:17 thSoft

關於文本框中剩餘字符數量的實時反饋

回答

相關問題