当 textarea 中的文本更改时触发事件答案

【问题标题】：Fire event when text in textarea is changed当 textarea 中的文本更改时触发事件
【发布时间】：2011-07-01 11:37:47
【问题描述】：

如果<textarea> 中的文本已使用 jQuery 修改，有人知道如何获取吗？

【问题讨论】：

【解决方案1】：

你必须在文本区域绑定change和keyup。

change 将阻止上下文菜单粘贴，keyup 将在每次击键时触发。

$('#textarea').bind('change keyup', function() {
  alert('Handler for .change() called.');
});

【讨论】：

对于 textareas，只有在 textarea 模糊时才会触发。很难说这对 OP 来说是否合适。
是的，我认为我们需要在这里绑定两个事件 change 和 keyup。更改粘贴文本和键盘事件的键位。我正在更改我的答案，请看一下
使用alert 使得测试对连续输入流的响应变得困难。最好以明显的方式更新 DOM。
我刚刚在页面开头的 <script> 标记中调用了它，当我按下一个键时它似乎没有做任何事情。
请在整个文档准备就绪时执行此操作。你必须把它放在页面的末尾。在关闭<body>之前，您可以在$(document).ready(function(){});中声明它

【解决方案2】：

http://jsfiddle.net/NpB2U/ keydown 可能是持续变化的理想选择。 keypress 和 keyup 适用于其他情况。 change 和 blur 是候选者，如果您只想在完成输入后分析更改。

【讨论】：

这看起来像我需要的。如果我只是在正文中写<script type="text/javascript">$('#themessage').keypress(function() { alert('ahh'); });</script>，它应该工作吗？

【解决方案3】：

使用.change方法；

<textarea id="YourId"></textarea>

jQuery;

$('#YourId').change(function() {
    //Do something
});

【讨论】：

【解决方案4】：

jQuery 的keyup() 允许您在使用键盘输入数据时检测更改。

$( "#watched_textarea" ).keyup( function() {
    // Perform an action
});

在此处查看实际操作：http://jsfiddle.net/vtCWK/

如果您想检测其他类型的更改（例如粘贴或剪切文本，您还需要使用.change()。

【讨论】：

【解决方案5】：

<asp:TextBox ID="txt" runat="server" TextMode="MultiLine" Columns="50" Rows="5" />
    <script language="javascript" type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#txt').blur(function () { alert(jQuery(this).val()); });
        });
    </script>

你可以这样试试....

【讨论】：