我已经设置了一些基本代码,可以在各种输入字段的焦点上触发:
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键,或 鼠标点击元素。
但在做了一些研究后,我不明白如何应用这个?
答案 0 :(得分:2)
您需要处理焦点事件,而不是点击事件:
$('.textbox').focus(function() {
$(this).before(div);
$(this).prev(".formHint").animate({
marginLeft: "325px",
opacity: "1"
}, 200 );
});