2022-07-04 09:00:51 来源 : 软件开发网
(资料图)
本文实例为大家分享了js实现京东快递单号查询的具体代码，供大家参考，具体内容如下
1.实现效果：
当文本框中输入文字时，上面有一个放大文字的框中显示文本框内容。失去焦点时，放大文字的框消失，获得焦点时，放大文字的框显示。
2.案例分析
3.代码实现
模拟京东快递单号查询 123 <script> var con = document.querySelector(".con"); var input = document.querySelector(".jd"); input.addEventListener("keyup", function() { if(this.value == "") { con.style.display = "none"; } else { con.innerHTML = this.value; con.style.display = "block"; } }) // 失去焦点，隐藏盒子。 input.addEventListener("blur", function() { if(this.value != "") { con.style.display = "none"; } }) // 有焦点时，出现盒子。 input.addEventListener("focus", function(){ if(this.value != "") { con.style.display = "block"; } }) </script> 
关于我们 加入我们 广告服务 网站地图
All Rights Reserved, Copyright 2004-2020 www.830036.com
如有意见请与我们联系 邮箱：435 227 67@qq.com
营业执照公示信息