javascript - 组合多个元素的 jQuery 事件监听器

Question

如何将以下内容组合到两个事件监听器中？

  $(document).on "focus", "input", (e) ->
    $element.addClass "class-name"
  $(document).on "blur", "input", (e) ->
    $element.removeClass "class-name"
  $(document).on "focus", "textarea", (e) ->
    $element.addClass "class-name"
  $(document).on "blur", "textarea", (e) ->
    $element.removeClass "class-name"

Answer 1

尝试以下代码:

 $("textarea").on("blur focus", function(event){
     if ($(this).hasClass('active')) {
         $(this).removeClass("active");
     }
     else {
         $(this).addClass('active');
     } 
 })

 $("input").on("blur focus", function(event){
     if ($(this).hasClass('active')) {
         $(this).removeClass("active");
     }
     else {
         $(this).addClass('active');
     } 
 })

无需 IDE 即可完成，但这就是组合事件的方式。 .on() 方法的第一个参数允许您列出事件(不确定它是否有数量限制，但到目前为止我还没有遇到任何问题。