函数封装 小例子

Question

 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")
     })

Answer 1

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")
     })
}

Answer 2

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")