我有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,为什么?
答案 0 :(得分:2)
焦点/模糊事件不会冒泡,因此您需要像这样附加处理程序:
$('.uiopis').on('focus', function() {
$(this).removeClass("textareaBlur").addClass("textareaFocus");
}).on('blur', function() {
$(this).removeClass("textareaFocus").addClass("textareaBlur");
});
假设动态生成.uiopis
(因为您已在代码中使用了委托),则必须在将.uiopis
添加到DOM之后添加处理程序。