Textarea onchange检测

Question

Textarea onchange检测

如何使用javascript检测textarea上的更改事件？
我正在尝试检测您输入的剩余字符数。

我尝试使用onchange事件，但这似乎只在焦点出现时启动。

Answer 1

您将需要使用onkeyup 并 onchange为此。onchange将阻止上下文菜单粘贴，并且每次按键都会触发onkeyup。

Answer 2

对于Google-Chrome，oninput就足够了（在Windows 7上测试版本为22.0.1229.94 m）。对于IE 9，oninput将捕获除了通过contextmenu和backspace切割之外的所有内容。对于IE 8，除了oninput之外，还需要onpropertychange来捕获粘贴。对于IE 9 + 8，需要onkeyup来捕获退格。对于IE 9 + 8，onmousemove是我发现通过contextmenu捕获切割的唯一方法没有在Firefox上测试过。&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;isIE&nbsp;=&nbsp;/*@cc_on!@*/false;&nbsp;//&nbsp;Note:&nbsp;This&nbsp;line&nbsp;breaks&nbsp;closure&nbsp;compiler... &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;SuperDuperFunction()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;DoSomething &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;SuperDuperFunctionBecauseMicrosoftMakesIEsuckIntentionally()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(isIE)&nbsp;//&nbsp;For&nbsp;Chrome,&nbsp;oninput&nbsp;works&nbsp;as&nbsp;expected &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SuperDuperFunction(); &nbsp;&nbsp;&nbsp;&nbsp;}<textarea&nbsp;id="taSource" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;class="taSplitted" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rows="4" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cols="50" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;oninput="SuperDuperFunction();" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onpropertychange="SuperDuperFunctionBecauseMicrosoftMakesIEsuckIntentionally();" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmousemove="SuperDuperFunctionBecauseMicrosoftMakesIEsuckIntentionally();" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onkeyup="SuperDuperFunctionBecauseMicrosoftMakesIEsuckIntentionally();">Test</textarea>