案例分析:
①快递单号输入内容时,上面的大号字体盒子(con)显示(这里面的文字
②同时把快递单号里面的值(value)获取过来赋值给con盒子(innerText)做为内容
③如果快递单号里面内容为空,则隐藏大号字体盒子(con)盒子
④注意:keydown和keypress在文本框里面的特点:他们两个事件触发的时候,文字还
没有落入文本框中。
⑤keyup:事件触发的时候,文字已经落入文本框里面了
⑥当我们失去焦点,就隐藏这个con盒子
⑦当我们获得焦点,并且文本框内容不为空,就显示这个con盒子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<style>
.search {
position: relative;
width: 178px;