如何在firefox上设置“焦点”?

时间:2012-09-28 10:02:00

标签: jquery

我有js:

$(document).on('focus', '.uiopis', function() {
    $(this).removeClass("textareaBlur").addClass("textareaFocus");  
}).on('blur', '.uiopis', function() {  
    $(this).removeClass("textareaFocus").addClass("textareaBlur");   
}); 

和html:

<div>
    <form>
        <textarea class="uiopis" id="os{{ us.id }}" name="os{{ us.id }}">{{ us }}</textarea>
    </form>
</div>

但这不适用于Firefox,为什么?

1 个答案:

答案 0 :(得分:2)

焦点/模糊事件不会冒泡,因此您需要像这样附加处理程序:

$('.uiopis').on('focus', function() {
    $(this).removeClass("textareaBlur").addClass("textareaFocus");  
}).on('blur', function() {  
    $(this).removeClass("textareaFocus").addClass("textareaBlur");   
}); 

假设动态生成.uiopis(因为您已在代码中使用了委托),则必须在将.uiopis添加到DOM之后添加处理程序。