jquery - 如何在Firefox上设置“焦点”？

Question

我有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，为什么？

Answer 1

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

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

假设.uiopis是动态生成的（因为您在代码中使用了委托），您必须在.uiopis添加到 DOM 之后添加处理程序。