자바스크립트에서 function 실행 이벤트를 여러가지 하는 방법?

2018.12.14 09:17:07 3524 (121.♡.♡.95)

본문


   self.box_skitter.find('.next_button, .prev_button').bind('mouseover', self.settings.mouseOverButton);
        self.box_skitter.find('.next_button, .prev_button').bind('mouseleave', self.settings.mouseOutButton);
        
        this.box_skitter.find('.image_number').click(function() {
          if ($(this).attr('class') != 'image_number image_number_select') {
            if ( self.settings.animateNumberOver ) {
              $(this).stop().animate(self.settings.animateNumberOver, 300);
            }
            // $(this).stop().animate(self.settings.animateNumberOver, 300);
          }
        }, function(){
          if ($(this).attr('class') != 'image_number image_number_select') {
            if ( self.settings.animateNumberOut ) {
              $(this).stop().animate(self.settings.animateNumberOut, 500);
            }
            // $(this).stop().animate(self.settings.animateNumberOut, 500);
          }
        });
        
        this.box_skitter.find('.image_number').click(function(){
          if ($(this).attr('class') != 'image_number image_number_select') {
            var imageNumber = parseInt($(this).attr('rel'));
            self.jumpToImage(imageNumber);
          }
          return false;
        });

this.box_skitter.find('.image_number').click(function(){

위 4번 줄 부분에서 현재는 click하면 기능이 일어나게 되어있는데

hover나 다른 마우스 이벤트를 해도 저 기능이 일어나게 하고 싶은데

어떻게 해야 하나요?