javascript - 悬停或单击运行功能

Question

我希望无论您是悬停还是单击，脚本都可以工作，但它似乎只在单击时工作。

  // Adding an active class
  $('.donation-level-input-container label').on('click hover', function(e){
    var currentTab = $(this).attr('for');

    $('.donation-level-user-entered').removeClass('active');

    $('.donation-level-input-container label').each(function(){
      if($(this).hasClass('active')) {
        $(this).removeClass('active');
      }
    });

    $(this).addClass('active');
    $('.donation-level-user-entered input').val('')
  });

  $('.donation-level-user-entered input').on('focus', function(e) {
    var currentTab = $(this).attr('for');

    $('.donation-level-input-container label').each(function(){
      if($(this).hasClass('active')) {
        $(this).removeClass('active');
      }
    });

    $('.donation-level-user-entered').addClass('active');
  });
  });
  });

有什么想法吗？

Answer 1

您需要添加mouseover而不是hover。 更多详情请引用此链接when to choose mouseover() and hover() function

下面是您的代码:

// Adding an active class
  $('.donation-level-input-container label').on('click mouseover', function(e){
    var currentTab = $(this).attr('for');

    $('.donation-level-user-entered').removeClass('active');

    $('.donation-level-input-container label').each(function(){
      if($(this).hasClass('active')) {
        $(this).removeClass('active');
      }
    });

    $(this).addClass('active');
    $('.donation-level-user-entered input').val('')
  });

  $('.donation-level-user-entered input').on('focus', function(e) {
    var currentTab = $(this).attr('for');

    $('.donation-level-input-container label').each(function(){
      if($(this).hasClass('active')) {
        $(this).removeClass('active');
      }
    });

    $('.donation-level-user-entered').addClass('active');
  });
  });
  });