let cartSearch=document.getElementById("cartSearch");
let cart1=document.getElementsByClassName("cart1")[0];
// 聚焦的時候加上cart2，移除cart1
cartSearch.addEventListener("focus",function(){
cart1.classList.remove("cart1")
cart1.classList.add("cart2")
})
// 失去焦點 cart1 加上 cart2，移除cart1
cartSearch.addEventListener("blur",function(){
cart1.classList.add("cart1")
cart1.classList.remove("cart2")
})
uj5u.com熱心網友回復：
function a() {
let cartSearch=document.getElementById("cartSearch");
let cart1=document.getElementsByClassName("cart1")[0];
// 聚焦的時候加上cart2，移除cart1
cartSearch.addEventListener("focus",function(){
cart1.classList.remove("cart1")
cart1.classList.add("cart2")
})
// 失去焦點 cart1 加上 cart2，移除cart1
cartSearch.addEventListener("blur",function(){
cart1.classList.add("cart1")
cart1.classList.remove("cart2")
})
}
uj5u.com熱心網友回復：
我的意思是 寫一個函式，傳參的時候用不同的實參傳進去，這個怎么寫uj5u.com熱心網友回復：
function xxxxx(id,class1,class2) {
let cartSearch=document.getElementById(id);
let cart1=document.getElementsByClassName(class1)[0];
// 聚焦的時候加上cart2，移除cart1
cartSearch.addEventListener("focus",function(){
cart1.classList.remove(class1)
cart1.classList.add(class2)
})
// 失去焦點 cart1 加上 cart2，移除cart1
cartSearch.addEventListener("blur",function(){
cart1.classList.add(class1)
cart1.classList.remove(class2)
})
}
xxxxx("cartSearch","cart1","cart2")
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/147113.html
標籤：JavaScript
上一篇：css定位
下一篇：js修改pdf元資料