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()); });