[JQUERY] 선택기 하나 여러 이벤트 핸들러 JQuery와 CSTE 연구진 () 메소드

선택기 하나 여러 이벤트 핸들러 JQuery와 CSTE 연구진 () 메소드

해결법

1. ---

   1.즉, 다른 방법으로 주위입니다. 당신이 작성해야합니다 :

   즉, 다른 방법으로 주위입니다. 당신이 작성해야합니다 :

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

2. ---

   2.여러 이벤트 핸들러가 같은 기능을 실행 같은 선택에 부착 한 경우에도, 당신은 사용할 수 있습니다

   여러 이벤트 핸들러가 같은 기능을 실행 같은 선택에 부착 한 경우에도, 당신은 사용할 수 있습니다

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

3. ---

   3.당신이 다른 이벤트에 동일한 기능을 사용하려면 다음과 같은 코드 블록을 사용할 수 있습니다

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

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

4. ---

   4.여기에서 정말 유용하고 근본적인 무언가를 배웠다.

   여기에서 정말 유용하고 근본적인 무언가를 배웠다.

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

   대부분의 jQuery 기능의 출력은 당신이 바로 그들을 사용하고 짧고 더 똑똑 할 수 있도록 입력이 세트를 객체이기 때문에 그것은 작동

   function showPhotos() {
       $(this).find("span").slideToggle();
   }
   
   $(".photos")
       .on("mouseenter", "li", showPhotos)
       .on("mouseleave", "li", showPhotos);
   

5. ---

   5.그리고 당신은이 방법으로 같은 이벤트 / 기능을 결합 할 수 있습니다 :

   그리고 당신은이 방법으로 같은 이벤트 / 기능을 결합 할 수 있습니다 :

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

6. ---

   6.다음 코드로 시도 :

   다음 코드로 시도 :

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

from https://stackoverflow.com/questions/8608145/jquery-on-method-with-multiple-event-handlers-to-one-selector by cc-by-sa and MIT license