JS案例 模擬京東快遞單號查詢

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
*.search 
.con 
.con:
:before 
<
/style>
<
/head>
="search"
>
="con"
>
123<
/div>
"text" placeholder=
"請輸入您的快遞單號"
class
="jd"
>
<
/div>
// 快遞單號輸入內容時， 上面的大號字型盒子（con）顯示(這裡面的字型大小更大）
// 表單檢測使用者輸入： 給表單新增鍵盤事件
// 同時把快遞單號裡面的值（value）獲取過來賦值給 con盒子（innertext）做為內容
// 如果快遞單號裡面內容為空，則隱藏大號字型盒子(con)盒子
var con = document.
queryselector
('.con');
var jd_input = document.
queryselector
('.jd');
jd_input.
addeventlistener
('keyup'
,function()
else})
// 當我們失去焦點，就隱藏這個con盒子
jd_input.
addeventlistener
('blur'
,function()
)// 當我們獲得焦點，就顯示這個con盒子
jd_input.
addeventlistener
('focus'
,function()
})<
/script>
<
/body>

案例 模擬京東快遞單號查詢

實現功能 當我們在文字框輸入內容時，文字框上面自動顯示大字型大小的內容 快遞單號輸入內容時，上面的大號字型盒子 con 顯示出來 這裡面的字型大小更大 表單檢測使用者輸入 給表單新增鍵盤事件 同時把快遞單號裡面的值 value 獲取過來賦值給con盒子 innertext 作為內容 如果快遞單號裡面...

前端模擬京東快遞單號查詢

請輸入您的快遞單號 class jd div var con document.queryselector con var jd input document.queryselector jd jd input.addeventlistener keyup function else jd inpu...

全國快遞物流查詢 快遞單號查詢介面api

電商，erp廠商可能需要物流資訊介面，對運單號的物流軌跡進行跟蹤，通常有些免費的不好用，及時性要求達不到，收費的也太貴了。最近發現乙個免費的api介面，及時性非常高，基本上就是實時返回。快遞查詢介面 物流跟蹤介面 是快遞鳥為使用者提供的定製化服務，使用者可將訂單資訊通過快遞鳥訂閱給快遞公司，快遞公司...