码迷,mamicode.com
首页 > 其他好文 > 详细

输入框监控

时间:2017-12-15 15:39:44      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:eui   属性   nbsp   ntb   log   输入字数   文本   兼容   replace   

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

  

 

输入框监控

标签:eui   属性   nbsp   ntb   log   输入字数   文本   兼容   replace   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!