模拟京东快递单号查询

效果:当我们在文本框中输入内容时，文本框上面自动显示大字号的内容

html:先设置一个大的div然后在里面放一个div盒子和一个文本框

 设置css样式

 

 

 js样式分析:

（1）快递单号输入内容时，上面的大号字体盒子con显示

(2)表单检测用户输入:给表单添加键盘事件

(3)同时把快递单号里面的值(value)获取过来赋值给con盒子(innerText)作为内容

(4)如果快递单号里面内容为空，则隐藏大号字体盒子(con)

注意:keydown和keypress在文本框里面的特点:他们两个事件触发的时候文字还没有落入文本框中

keyup事件触发的时候，文字已经落入文本框里面了

当失去焦点就隐藏con盒子

当获得焦点，并且文本框内容不为空，就显示这个con盒子