Javascript 如何在特定id上放置模糊事件

我想在一个特定的id上加一个模糊函数。我做错了什么？我想写一个函数，当tab1的测试1中的用户按下tab键时，它将模糊tab1并激活Tab2：

<ul class='tabs'>
    <li><a href='#tab1'>Tab 1</a></li>
    <li><a href='#tab2'>Tab 2</a></li>
    <li><a href='#tab3'>Tab 3</a></li>
</ul>
<div id='tab1' class="tabss">
    <ul class= "set2"> 
        <li>  test 1<asp:TextBox ID="test1" runat="server" /></li>        
    </ul>
</div>
<div id='tab2' class="tabss">
    <ul class= "set2"> 
        <li>  test 3<asp:TextBox runat="server" /></li>
    </ul>
</div>
<div id='tab3' class="tabss">
    <ul class= "set"> 

        <li>  test 6<asp:TextBox  runat="server"  ID="test6" /></li>
    </ul>
</div>

这是

尝试使用以下方法：

$("#itemId").mouseenter(function () {
    alert ("mouse entered");
}).mouseleave(function () {      
    alert("mouse leave");
});

.blur

仅适用于输入字段

---

希望这有帮助。

现在很清楚，在用户失去每个选项卡中最后一个文本框的焦点后，您希望导航到下一个选项卡。因此，您可以这样做：

$('.tabss').each(function() { 

    $('input:last',this).blur(function () {
        alert('tab done!');
   })

});

这是小提琴（有多个输入）：

这里是另一个提琴，更新为您的原始示例（注意，我用html文本框替换了ASP.NET文本框）

.tabs a.活动span{
颜色：#BF0404；
显示：内联块；
字体大小：粗体；
填充：19px 12px 8px 5px；
文字装饰：无；
}
.一段时间{
高度：34px；
}
塔布斯先生{
背景：无重复滚动0 0#FFFFFF；
边框：1px实心#EDEDED；
填充：10px；
宽度：600px；
}





jQuery（文档）.ready（函数（$）{
$（'.tabs li.firsttab a'）.addClass（'active'）；
$（'#tab1'）.fadeIn（）；
$（'#tab2'）.fadeOut（）；
$（'#tab3'）.fadeOut（）；
}
$（'.tabs li.firsttab a'）。单击（函数（）{
$（'.tabs li.firsttab a'）.parent（）.sibbins（）.find（'a'）.removeClass（'active'）；
$（this.addClass（'active'）；
$（'#tab1'）.fadeIn（）；
$（'#tab2'）.fadeOut（）；
$（'#tab3'）.hide（）；
});
$（'.tabs li.second tab a'）。单击（函数（）{
$（'.tabs li.secondtab a'）.parent（）.sibbins（）.find（'a'）.removeClass（'active'）；
$（this.addClass（'active'）；
$（'#tab1'）.hide（）；
$（'#tab2'）.fadeIn（）；
});

---

您还需要为第三个选项卡单击添加事件。我希望这将为您解决需求提供一个良好的开端。

您可以对id为“last”的元素进行调整吗？尝试@ArunPJohny它不工作。当它移动到第二个选项卡时。它不移动到第三个选项卡。我想在

测试1

@user3149053.blur（）对象丢失时。focus（）隐式适用于有限的元素集，例如表单元素（，等）和links@Wayne：此处链接和测试框可用，那么问题出在哪里？这将适用于页面上的所有输入，请确保每组输入都位于div中，并带有class=“tabss”事件将在每个集合的最后一次输入时触发（请参阅更新的fiddle with multiple inputs）。您可以在JSFIDLE中执行此操作吗检查FIDLE并相应地实现。在上面的代码中，我刚刚共享了部分代码，您可以从中开始实现。最好使用FIDLE。

$('.tabss').each(function() { 

    $('input:last',this).blur(function () {
        alert('tab done!');
   })

});

.tabs a.active span {
    color: #BF0404;
    display: inline-block;
    font-weight: bold;
    padding: 19px 12px 8px 5px;
    text-decoration: none;
}
.tabs a span {
    height: 34px;
}
.tabss{
  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EDEDED;
    padding: 10px;
    width: 600px;
}

        <ul class='tabs'>
                                <li class="firsttab"><a href='#tab1'><span>Step 1</span></a></li>
                                <li class="secondtab"><a href='#tab2'><span>Step 2</span></a></li>
    <li class="thirdtab"><a href='#tab2'><span>Step 2</span></a></li>
                            </ul>

        jQuery(document).ready(function ($) {

            $('.tabs li.firsttab a').addClass('active');
            $('#tab1').fadeIn();
            $('#tab2').fadeOut();
            $('#tab3').fadeOut();
            }



            $('.tabs li.firsttab a').click(function () {
                $('.tabs li.firsttab a').parent().siblings().find('a').removeClass('active');
                $(this).addClass('active');
                $('#tab1').fadeIn();
                $('#tab2').fadeOut();
                $('#tab3').hide();

          });


            $('.tabs li.secondtab a').click(function () {
                $('.tabs li.secondtab a').parent().siblings().find('a').removeClass('active');
                $(this).addClass('active');

                $('#tab1').hide();
                $('#tab2').fadeIn();
           });