為什么焦點事件不能正常工作？

Question

這是我的代碼：

 function removeWrongClass(el){ el.removeClass('wrong'); } $(".ask_q_title_input").on('focus', removeWrongClass($(this)));

 .wrong{ background:red; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input class="ask_q_title_input wrong" type="text" />

當您關注輸入時，預期的行為是從輸入中刪除紅色背景顏色（這是因為.wrong類） 。 但它不會發生。 怎么了？ 我該如何解決？

Answer 1

正如其他人所說，您正在調用該函數，而不是將其作為要運行的函數傳遞。

 function removeWrongClass(){ $(this).removeClass('wrong'); } function toggleWrongClass(){ $(this).toggleClass('wrong'); } $(".ask_q_title_input").on('focus', removeWrongClass); $(".ask_q_title_input_toggle").on('focus focusout', toggleWrongClass);

 .wrong{ background:red; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Turn off wrong on focus - <input class="ask_q_title_input wrong" type="text" /><br/> Toggle wrong on focus in and out - <input class="ask_q_title_input_toggle wrong" type="text" />

如果您想在另一個元素上使用removeWrongClass ，您可以按如下方式調用它 -

removeWrongClass.call(elementYouWantAsThis)