JQuery：在悬停时在输入字段上添加光标焦点

【问题标题】：JQuery: Add cursor focus on input field on hoverJQuery：在悬停时在输入字段上添加光标焦点
【发布时间】：2013-09-08 18:30:06
【问题描述】：

现在悬停菜单隐藏，搜索框展开以填充菜单。如何将焦点添加到搜索框并在此悬停事件上插入闪烁的插入符号并在悬停退出时将其删除？

<body>
    <input type="text" value="" id="search" class="noquery" />
</body>

<script>
    $(function(){
        $("#search").hover(function(){
            $("#navi1 ul").hide();
            $("#search").css("width","100%");
            },function(){
            $("#navi1 ul").show();
            $("#search").css("width","96px");
            });
        });
</script>

【问题讨论】：

标签： jquery input focus

【解决方案1】：

试试这个：

$(function () {
    $("#search").hover(function () {
        $("#navi1 ul").hide();
        $("#search").css("width", "100%");
        $(this).focus(); // to focus
    }, function () {
        $("#navi1 ul").show();
        $("#search").css("width", "96px");
        $(this).blur().val('');  //to remove focus (blur)
    });
});

演示here

【讨论】：

对不起，我的意思是当输入字段失去对悬停退出的关注时，任何文本输入也会被清除。
完美运行，您是@Sergio 的主要螺柱。
@oceanic815，太好了！很高兴我能帮上忙！如果它是您正在寻找的，请接受答案。