要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容,我来为大家讲解一下关于怎么把手机号码设置成京东快递?跟着小编一起来看一看吧!

怎么把手机号码设置成京东快递(JavaScript模拟京东快递单号查询怎么做)

怎么把手机号码设置成京东快递

要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容。

案例分析:

1. 快递单号输入内容时,上面的大号字体盒子(con)显示(这里面的字号更大)

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

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

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

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

6.keyup事件触发的时候,文字已经落入文本框里面了。

7.当我们失去焦点,就隐藏这个con盒子

8.当我们获得焦点,并且文本框内容不为空,就显示这个con盒子