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

2021-10-23 20:27:55 字數 1671 閱讀 2606

="請輸入您的快遞單號"

class

="jd"

>

div>

>

var con = document.

queryselector

('.con');

var jd_input = document.

queryselector

('.jd');

jd_input.

addeventlistener

('keyup'

,function()

else})

jd_input.

addeventlistener

('blur'

,function()

) jd_input.

addeventlistener

('focus'

,function()

})// 快遞單號輸入內容時, 上面的大號字型盒子(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 作為內容 如果快遞單號裡面...

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...

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

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