target.event 여러 번 실행

Question

이 내 현재 코드입니다 : 그것은 마지막으로보다 경고 창을 한 번 더 팝업 왜 이해가 안 무엇

function tableClick(event){ 
    $('#table').click(function(event){ 
     alert(event.target.id);  
    }); 
} 

<table id="table"> 
    <tr> 
     <td id="td1" onclick="tableClick(this)"> 
      1 
     </td> 
    </tr> 
    <tr> 
     <td id="td2" onclick="tableClick(this)"> 
      2 
     </td> 
    </tr> 
</table> 

입니다. 이 문제를 어떻게 해결할 수 있습니까? 미리 감사드립니다.

Answer 1

클릭 할 때마다이 함수를 호출합니다.

function tableClick(event){ 
    $('#table').click(function(event){ 
     alert(event.target.id);  
    }); 
} 

이 부분은 :

$('#table').click(function(event){ 

테이블에 클릭 핸들러를 첨부합니다. 을 클릭 할 때마다 새 클릭 핸들러가 테이블에 연결됩니다.

Answer 2

당신은 모든 클릭에 클릭 핸들러를 부착하고 있기 때문에 -

당신은이 작업을 수행 할 수는 -

function tableClick(this){ 
    alert(this.id);  
}