내부 요소에 td.click 함수가 실행됩니다. textbox.focus

Question

내가 텍스트 입력란 안에 텍스트를 가져 와서 텍스트를 가져 와서 웹 메서드 에 보낼 수 있도록 행 n 열을 가져올 수 있도록 포커스가 td.click 함수를 발생시키는 텍스트 상자를 원하지만 사용자가 td를 클릭 할 수 있습니다. 달성이 ??

$('td').click(function(){ 
    var col = $(this).parent().children().index($(this)); 
    var row = $(this).parent().parent().children().index($(this).parent()); 
    alert('Row: ' + row + ', Column: ' + col); 
}); 

마르크 최대

<table> 
<tr><td>e1</td>e2<td>e3</td></tr> 
<tr><td>e1</td>e2<td>e3</td></tr> 
<tr><td>e1</td>e2<td>Textbox</td></tr> 
</table> 

Answer 1

당신이 그것을 할하는 데 사용할 수있는 것으로, element.trigger 방법이있다.

다른 문제는 포커스 이벤트가 발생하는 텍스트 상자를 가져 오는 것입니다. TD에는 포커스 상태가 없지만 일부 브라우저에서는 tabindex 속성을 설정하여 에뮬레이션 할 수 있습니다. 어쩌면 양식 요소 (입력)를 사용하는 것이 더 좋을 수 있으므로 기본적으로 초점을 맞출 수 있습니다.

하지만 클릭하면 이벤트가 두 번 발동 될 때와 다른 문제가 발생합니다. 클릭하면 클릭하면됩니다. 이벤트 버블 링과 함께 플레이 할 수는 있지만, 포커스가 맞을 때만 설정하는 것이 더 나은 방법이라고 생각합니다.