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

无聊控制input键入内容的增减监听

时间:2016-05-27 20:06:40      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

        
        HTMLElement.prototype.attr = function(k,v){
            if(v){
                return this.setAttribute(k,v);
            }
            return this.getAttribute(k);
        }

        window.clog = function(s,t){
            t = t?‘red‘:‘green‘;
            console.log(‘%c‘+s,‘font-size:1.5em;color:‘+t);
        }
        
        var inputEvent = function(i,jia,jian){
            i.oninput = function(){
                var len = this.value.length;
                var ilen = this.attr(‘len‘)||0;
                if(len<ilen){
                    jian(this.value);
                }else{
                    jia(this.value);
                }
                this.attr(‘len‘,len);
            }
        }
        
        window.onload = function(){
            var i = document.getElementById("i");
            inputEvent(i,function(v){
                clog(v,0);
            },function(v){
                clog(v,1);
            });
            
        }
        

技术分享

无聊控制input键入内容的增减监听

标签:

原文地址:http://www.cnblogs.com/newsning/p/5535818.html

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