输入框监控

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

  

原文地址:https://www.cnblogs.com/ghfjj/p/8043236.html