输入框监控

Posted 2020-10-17 ghfjj

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