如何在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后添加处理程序。