1、键盘按键属性
<textarea class="weui_textarea" onkeyup="wordStatic(this);" maxlength="500" id="studyIdea" placeholder="请填写您的培训收获!" rows="3"></textarea>
<div class="weui_textarea_counter"><span id="num">0</span>/500</div>
function wordStatic(input) {
// 获取要显示已经输入字数文本框对象
var content = document.getElementById(‘num‘);
if (content && input) {
// 获取输入框输入内容长度并更新到界面
var value = input.value;
// 将换行符不计算为单词数
value = value.replace(/\n|\r/gi,"");
// 更新计数
content .innerText = value.length;
}
}
2、input与propertychange(兼容ie)的实时监听,支持复制粘贴(兼容鼠标右键粘贴)
<textarea class="file2"></textarea>
<p class="123"></p>
$(‘.file2‘).on(‘input propertychange‘,function(){
console.log($(this).val());
$(‘.123‘).text($(this).val());
});