表单字段焦点时隐藏元素

【问题标题】：Hide Element When Form Field Focus表单字段焦点时隐藏元素
【发布时间】：2013-09-27 18:22:24
【问题描述】：

我正在开发一个在 iPhone 上显示的 Web 应用程序，当表单字段变为活动状态时，我页面底部的导航 (.nav-btns) 会妨碍我。当任何表单元素成为焦点时，我想隐藏该元素。这是我目前用 jquery 尝试过的，但没有运气：

<script type="text/javascript">
$( document ).ready(function() {
$("select").is(":focus").hide(".nav-btns");
});
</script>

【问题讨论】：

也许 [this][1] 帖子可以提供帮助。这似乎是一个 webkit 问题。 [1]：stackoverflow.com/questions/3272089/…

标签： jquery

【解决方案1】：

怎么样：

$(function(){

  $('select').focus(function(){

    $(".nav-btns").hide();

  });
});

这应该将焦点事件绑定到您的所有select 元素，然后隐藏具有.nav-btns 类的元素。

用于撤消对“不聚焦”的更改：

$(function(){

  $('select').focus(function(){

    $(".nav-btns").hide();

  }).blur(function(){

    $(".nav-btns").show();

  });
});

【讨论】：