복붙노트

[JQUERY] 어떻게 (전체 문서)를 클릭 요소를 얻으려면?

JQUERY

어떻게 (전체 문서)를 클릭 요소를 얻으려면?

해결법

  1. 1.당신은 원래 이벤트를 트리거 요소 인 event.target을 사용해야합니다. 귀하의 예제 코드에서이 문서를 참조한다.

    당신은 원래 이벤트를 트리거 요소 인 event.target을 사용해야합니다. 귀하의 예제 코드에서이 문서를 참조한다.

    jQuery를에, 그건 ...

    $(document).click(function(event) {
    var text = $(event.target).text();
});

    jQuery를하지 않고 ...

    document.addEventListener('click', function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        text = target.textContent || target.innerText;   
}, false);

    당신은 당신이는 attachEvent를 (사용하는 것이 IE9 <지원해야하는 경우에도 대신하여 addEventListener의 ()) 확인합니다.

  2. 2.event.target 요소를 얻을 수 있습니다

    event.target 요소를 얻을 수 있습니다

    window.onclick = e => {
    console.log(e.target);  // to get the element
    console.log(e.target.tagName);  // to get the element tag name alone
}

    클릭 된 요소의 텍스트를 얻을 수 있습니다

    window.onclick = e => {
    console.log(e.target.innerText);
}

  3. 3.body 태그 안에 다음을 사용

    body 태그 안에 다음을 사용

    <body onclick="theFunction(event)">

    다음 ID를 얻기 위해 자바 스크립트에 다음과 같은 기능을 사용하여

    <script>
function theFunction(e)
{ alert(e.target.id);}

  4. 4.당신은 event.target에서 대상 요소를 찾을 수 있습니다 :

    당신은 event.target에서 대상 요소를 찾을 수 있습니다 :

    $(document).click(function(event) {
    console.log($(event.target).text());
});

    참고 :

  5. 5.사용 위임 및 event.target. 대표는 하나 개의 수신 요소와 핸들, 자식 요소에 이벤트를 시켜서 이벤트 버블 링을 활용합니다. 타겟 이벤트가 시작된 오브젝트를 나타내는 이벤트 객체의 JQ 정규화 속성이다.

    사용 위임 및 event.target. 대표는 하나 개의 수신 요소와 핸들, 자식 요소에 이벤트를 시켜서 이벤트 버블 링을 활용합니다. 타겟 이벤트가 시작된 오브젝트를 나타내는 이벤트 객체의 JQ 정규화 속성이다.

    $(document).delegate('*', 'click', function (event) {
    // event.target is the element
    // $(event.target).text() gets its text
});

    데모 : http://jsfiddle.net/xXTbP/

  6. 6.나는이 게시물의 ID를 참조에있는 요소의 내용을 얻기 위해, 정말 오래 알고 있지만, 이것은 내가 할 것 인 것이다 :

    나는이 게시물의 ID를 참조에있는 요소의 내용을 얻기 위해, 정말 오래 알고 있지만, 이것은 내가 할 것 인 것이다 :

    window.onclick = e => {
    console.log(e.target);
    console.log(e.target.id, ' -->', e.target.innerHTML);
}

  7. 7.

    $(document).click(function (e) {
    alert($(e.target).text());
});

  8. 8.여기에 당신이 쉽게 클래스 ID의 태그를 타겟팅 할 수 있도록 jQuery를 선택기를 사용하는 솔루션 등을 입력입니다

    여기에 당신이 쉽게 클래스 ID의 태그를 타겟팅 할 수 있도록 jQuery를 선택기를 사용하는 솔루션 등을 입력입니다

    jQuery('div').on('click', function(){
    var node = jQuery(this).get(0);
    var range = document.createRange();
    range.selectNodeContents( node );
    window.getSelection().removeAllRanges();
    window.getSelection().addRange( range );
});

    9. from https://stackoverflow.com/questions/9012537/how-to-get-the-element-clicked-for-the-whole-document by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 내가 대신 성공과 오류의 새로운 jQuery를 AJAX 코드되는 .done ()와 .fail ()를 사용해야  (0) 2020.10.27
[JQUERY] 는 HTML 테이블에 숨기기 / 표시는 열  (0) 2020.10.27
[JQUERY] jQuery를 : 테이블의 행의 수를 계산  (0) 2020.10.27
[JQUERY] 어떻게 JQuery와의 각 () 함수에서 / 종료를 깰? [복제]  (0) 2020.10.27
[JQUERY] 있는 jqGrid는 : filterToolbar 선택 상자를 채울 beforeProcessing를 사용하여  (0) 2020.10.27
,

티스토리툴바