實作快遞單号查詢的具體實作思想與核心
1、快遞單号輸入内容時, 上面的大号字型盒子(con)顯示(這裡面的字型更大)
2、表單檢測使用者輸入: 給表單添加鍵盤事件
3、同時将快遞單号裡面的值(value)擷取過來指派給 con盒子(innerText)作為内容
4、如果快遞單号裡面内容為空,則隐藏大号字型盒子(con)盒子
鍵盤事件用keyup
keydown: 事件觸發時,文字還沒有落入文本框中
keypress:事件觸發時,不僅文字還沒有落入文本框中且不識别功能鍵
CSS部分
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIyVGduV2YfNWawNCM38FdsYkRGZkRG9lcvx2bjxiNx8VZ6l2cs0TPR1UNVR0TzMGVOBDOsJGcohVYsR2MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLxUzN1ITMzYTM0IDMxAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
HTML結構搭建
JS核心部分
自此,一個簡單的快遞單号查詢案例就已經實作了
加油!!!