하나의 선택기에 여러 이벤트 핸들러가있는 JQuery .on () 메소드

Jquery .on () 메소드를 여러 이벤트와 연관된 특정 선택기와 함께 사용하는 방법을 찾으려고합니다. 이전에는 .live () 메서드를 사용했지만 .on ()으로 동일한 기능을 수행하는 방법을 잘 모르겠습니다. 아래 코드를 참조하십시오 :

$("table.planning_grid td").live({
  mouseenter:function(){
     $(this).parent("tr").find("a.delete").show();
  },
  mouseleave:function(){
     $(this).parent("tr").find("a.delete").hide();        
  },
  click:function(){
    //do something else.
  }
});

다음을 호출하여 여러 이벤트를 할당 할 수 있다는 것을 알고 있습니다.

 $("table.planning_grid td").on({
    mouseenter:function(){  //see above
    },
    mouseleave:function(){ //see above
    }
    click:function(){ //etc
    }
  });

그러나 .on ()의 올바른 사용은 다음과 같습니다.

   $("table.planning_grid").on('mouseenter','td',function(){});

이것을 달성 할 수있는 방법이 있습니까? 아니면 여기서 가장 좋은 방법은 무엇입니까? 아래 코드를 시도했지만 주사위는 없습니다.

$("table.planning_grid").on('td',{
   mouseenter: function(){ /* event1 */ }, 
   mouseleave: function(){ /* event2 */ },
   click: function(){  /* event3 */ }
 });

미리 감사드립니다!

그것은 다른 방법 입니다. 당신은 작성해야합니다 :

$("table.planning_grid").on({
    mouseenter: function() {
        // Handle mouseenter...
    },
    mouseleave: function() {
        // Handle mouseleave...
    },
    click: function() {
        // Handle click...
    }
}, "td");

또한 동일한 기능을 실행하는 동일한 선택기에 여러 개의 이벤트 핸들러가 첨부 된 경우

$('table.planning_grid').on('mouseenter mouseleave', function() {
    //JS Code
});

다른 이벤트에서 동일한 기능을 사용하려면 다음 코드 블록을 사용할 수 있습니다

$('input').on('keyup blur focus', function () {
   //function block
})

나는 여기서 정말 유용하고 근본적인 것을 배웠다 .

체인 기능은 포함하는 대부분의 jQuery 기능 작동이 경우에 매우 유용합니다 에 너무 기능 출력.

대부분의 jQuery 함수 출력이 입력 객체 세트이므로 즉시 사용하고 더 짧고 똑똑하게 만들 수 있기 때문에 작동합니다.

function showPhotos() {
    $(this).find("span").slideToggle();
}

$(".photos")
    .on("mouseenter", "li", showPhotos)
    .on("mouseleave", "li", showPhotos);

다음과 같은 방식으로 동일한 이벤트 / 기능을 결합 할 수 있습니다.

$("table.planning_grid").on({
    mouseenter: function() {
        // Handle mouseenter...
    },
    mouseleave: function() {
        // Handle mouseleave...
    },
    'click blur paste' : function() {
        // Handle click...
    }
}, "input");

다음 코드로 시도하십시오.

$("textarea[id^='options_'],input[id^='options_']").on('keyup onmouseout keydown keypress blur change', 
  function() {

  }
);