首页 > 其他 > 详细

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

时间:2016-05-27 20:03:36      阅读:207      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!