标签时,Jquery focus()不起作用?

时间:2010-10-15 19:04:11

标签: jquery focus

我已经设置了一些基本代码,可以在各种输入字段的焦点上触发:

        var div = '<div class="formHint">Content</div>';                 

       $j('.textbox').blur(function() {
          $j(".formHint").remove();
        });


       $j('.textbox').click(function() {

        $j(this).focus().before(div);
        $j(this).prev(".formHint").animate({ 
     marginLeft: "325px",
     opacity: "1"
     }, 200 );


});

基本上,它在focus()上的.textbox之后插入一个DIV,并删除blur()上的所有.textbox。

问题是,当您浏览元素时,它们不会获得焦点。 Jquerys文档说

  

在最近的浏览器版本中,该事件   可以扩展为包括所有元素   通过显式设置类型   element的tabindex属性。一个   元素可以通过键盘获得焦点   命令,如Tab键,或   鼠标点击元素。

但在做了一些研究后,我不明白如何应用这个?

1 个答案:

答案 0 :(得分:2)

您需要处理焦点事件,而不是点击事件:

$('.textbox').focus(function() {
    $(this).before(div);
    $(this).prev(".formHint").animate({ 
        marginLeft: "325px",
        opacity: "1"
    }, 200 );
});