京东 输入信息被放大效果

                     input{     outline: none;     color: #999; } div{    width: 200px;    height: 50px;    border: 1px;    border-style:solid dashed dashed;    display: none;    font-size: 20px; }        
        var div=document.querySelector('div')    var text=document.querySelector('input');    text.addEventListener('focus',function(){ if(this.value=='iphone 13'){    this.value=''; } this.style.color='#333';    })    text.addEventListener('blur',function(){ if(this.value==''){     this.value='iphone 13'; } this.style.color='#999'    })    document.addEventListener('keyup',function(e){ if(e.keycode==83){     text.focus(); }    })    text.addEventListener('keyup',function(e){ if(this.value==''){     div.style.display='none' }else{ div.style.display='block' div.innerHTML=this.value; }    })    text.addEventListener('blur',function(){ div.style.display='none'    })    text.addEventListener('focus',function(){ if(text.value!=''){     div.style.display='block' }    })

51mike麦克疯