jquery - Jquery动态插入文本区域并检测输入的新字母

Question

我正在动态插入一个文本区域，它有一个内容，现在如果用户输入新内容，我必须将新 + 旧内容存储到隐藏字段中。

我使用了一个.live('change',function() { } });，但这不起作用。我应该使用哪个事件来触发。

Answer 1

使用keyup代替change，当焦点离开文本框时将触发更改。live已弃用，您最好on改用。

.live('keyup',function() { } });

当元素的值改变时，change 事件被发送到元素。此事件仅限于元素、框和元素。对于选择框、复选框和单选按钮，当用户使用鼠标进行选择时会立即触发该事件，但对于其他元素类型，该事件会延迟到元素失去焦点为止。参考

使用 on 绑定动态添加的 textarea。

$(document).on("keyup", ".textAreaClass", function(){
   alert("");
});

documentin 选择器可以被parent元素选择器替换

Answer 2

您需要使用keyup事件，因为它是在用户释放键时生成的，在该键的默认操作执行后。

并且还使用.on()因为.live()从新版本的jQuery.

.on('keyup',function() { } });

Answer 3

试试这个..

 <textarea rows="3" cols="50"  name="" id="qcnotes" class="input-xlarge focused" style="width:100%" placeholder="Enter Notes" onkeyup="functionname(this.value)"></textarea>