javascript - 关于js判断input是否为焦点，false时的问题

问题描述

问 题

$("#search").click(function(){
    var act = document.activeElement.id;
    if(act == "search" ){
        $(".search-btn i").css("color","#00C680");
        $(".search-btn i").css("z-index","1");  
    }else{
        $(".search-btn i").css("color","#FFF");
        $(".search-btn i").css("z-index","-1");
    }
});

input为焦点时，if代码生效了，不是焦点时，else没有生效，是哪里写错了？

解决方案

如果仅仅是纯展示层的问题可以思考用css解决？
不知道你的dom结构。以bootstrap的dom结构为例：

<div class="input-group">
  <input type="text" class="form-control" placeholder="Search for...">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
</div>

input.form-control + .input-group-btn > .btn {
  color: #FFF;
  z-index: -1;
}
input.form-control:focus + .input-group-btn > .btn {
  color: #00C680;
  z-index: 1;
}

关于activeElement对象我也只能参见文档：https://developer.mozilla.org/zh-CN/docs...

这篇关于javascript - 关于js判断input是否为焦点，false时的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！