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