연결된 정렬식이 클릭되었을 때 목록 텍스트 찾기

정렬 가능한 목록이 연결되어 있고 목록 요소를 두 번 클릭하기위한 콜백 함수가 필요합니다. 클릭 한 항목의 HTML/텍스트 콘텐츠가 무엇인지 알아내는 표준 방법이 있습니까? Chrome에서 다음과 같은 작업을 수행하지만 Firefox에서는 작동하지 않습니다.연결된 정렬식이 클릭되었을 때 목록 텍스트 찾기

//when element is dropped in connected sortable 
ui.item[0].ondblclick = wordClicked; 

function wordClicked(e) { 
    console.log(e.srcElement.innerText); 
}

출처

2012-08-04 Anz

jQuery는 모든 브라우저에서 작동하도록 제작되었으므로 jQuery 메서드를 사용합니다.

당신의 더블 클릭 이벤트 처리기를 들어이 http://api.jquery.com/dblclick/

사용할 수 있습니다 그리고 두 가지 방법이 작동하는 방법 당신은 내가 보여줍니다이 jsFiddle을 만든이 http://api.jquery.com/text/

사용할 수있는 요소의 텍스트를 얻을 수 http://jsfiddle.net/davew9999/7cQXX/

HTML

<ul> 
<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 
</ul> 

<div id="result"></div>

자바 스크립트

$("ul li").dblclick(function() { 
    $("#result").text("You double clicked " + $(this).text()); 
});

출처

2012-08-04 11:39:48

감사합니다. $ (this) .text()는 이벤트에서도 작동하며 내 문제를 해결했습니다! 그래서 내 마지막 해결책은 - 'function wordClicked (e) {console.log ($ (this) .text())가되었습니다. }' – Anz

여우없는이 상황에서 지원하는 'innerText와'

출처

2012-08-04 11:55:17 voodoo417

@David Williams가 답변했습니다. $ (this) .text() 개의 단어가 브라우저에서 표시됩니다. – Anz

연결된 정렬식이 클릭되었을 때 목록 텍스트 찾기

답변

관련 문제