输入框监控

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

  

 

posted @ 2017-12-15 15:20  ghfjj  阅读(250)  评论(0编辑  收藏  举报