CODEWITHSUNDEEP
javascriptjquery
Jenny
Jenny

Reputation: 919

on hover or on click run function

I would like to have the script work whether you are hovering or clicking but it seems to only work on click.

  // 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');
  });
  });
  });

Any ideas?

Upvotes: 0

Views: 78

Answers (1)

Swanand Taware
Swanand Taware

Reputation: 753

You need to add mouseover instead hover. Please refer this link for more details when to choose mouseover() and hover() function

Below is your code:

// 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');
  });
  });
  });

Upvotes: 2

Related Questions