开发者社区> 问答> 正文

关于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没有生效,是哪里写错了?

展开
收起
杨冬芳 2016-06-12 16:23:22 2498 0
1 条回答
写回答
取消 提交回答
  • IT从业

    如果仅仅是纯展示层的问题可以思考用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...

    2019-07-17 19:34:29
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载