请考虑这个jsfiddle.它包含以下内容:
<textarea data-bind="value: comment, valueUpdate: 'afterkyedown'"></textarea>
<br/><br/>
<span data-bind="text: getCount, valueUpdate: ['afterkeydown','propertychange','input']"></span> characters???
Run Code Online (Sandbox Code Playgroud)
这个JavaScript:
var viewModel = function(){
var self = this;
self.count = ko.observable(0);
self.comment = ko.observable("");
self.getCount = function(){
var countNum = 10 - self.comment().length;
self.count(countNum);
};
}
var viewModel12 = new viewModel();
ko.applyBindings(viewModel);
Run Code Online (Sandbox Code Playgroud)
我有一个textarea,其中maxlength应该是20个字符.当字符数达到20时,它将停止,如果您尝试添加更多字符,它们将被删除.
请注意,这也必须适用于复制/粘贴:如果用户粘贴超过20个字符,则只会保留前20个字符,其余部分将被删除.