天天看點

模拟快遞單号查詢的實作HTML結構搭建

實作快遞單号查詢的具體實作思想與核心

1、快遞單号輸入内容時, 上面的大号字型盒子(con)顯示(這裡面的字型更大)
    2、表單檢測使用者輸入: 給表單添加鍵盤事件
    3、同時将快遞單号裡面的值(value)擷取過來指派給 con盒子(innerText)作為内容
    4、如果快遞單号裡面内容為空,則隐藏大号字型盒子(con)盒子
           

鍵盤事件用keyup

keydown: 事件觸發時,文字還沒有落入文本框中

keypress:事件觸發時,不僅文字還沒有落入文本框中且不識别功能鍵

CSS部分

模拟快遞單号查詢的實作HTML結構搭建

HTML結構搭建

模拟快遞單号查詢的實作HTML結構搭建

JS核心部分

模拟快遞單号查詢的實作HTML結構搭建

自此,一個簡單的快遞單号查詢案例就已經實作了

加油!!!

繼續閱讀