2014-06-11 6 views
0

내가 울부 짖는 사용자가 두 번 클릭 한 텍스트 얻기 위해 코드를 사용하여 단지 ID로 사업부에 대한 불div를 div에서 제외하려면 어떻게해야합니까?

<html> 
    <script language="javascript"> 
     document.ondblclick = function() { 
      alert(GetSelectedText()); 
     } 

     function GetSelectedText() { 
      if (document.selection) { 
       return document.selection.createRange().text; 
      } 
     } 
    </script> 

    <head> 
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
    </head> 

    <body> 
     <div id="should_trigger_event">sample of a text!</div> 
     <div id="should_not_trigger_event">sample of a text!</div> 
    </body> 

</html> 

내가 ondblclick 이벤트에 원하는을 : should_trigger_event이 아닌 ID로 사업부에 대한 : should_not_trigger_event

방법 그걸 성취 할 수 있을까요?

+3

'document.getElementById를 ('should_trigger_event'). –

+0

ondblclick'이 예제를보십시오 [JSFiddle ] (http://jsfiddle.net/XQQhf/) –

답변

2

그것은 jQuery를 사용하여 간단하다

<script language="javascript"> 
$(document).ready(function(){ 
    $('#should_trigger_event').on('dblclick',function(){ 
     alert(GetSelectedText()); 
    }); 
}); 

    function GetSelectedText() { 
     if (document.selection) { 
      return document.selection.createRange().text; 
     }  
    } 
</script> 

추가 정보 jQuery Selectors
jQuery double click binding

+0

내 코드의 섹션으로 코드를 바꾸면 오류가 발생합니다. 속성 $ 값이 null이거나 정의되지 않았습니다. – wiki

+0

jquery를 부여해야합니다. 파일 링크 ...

+0

참고로 참조 http://www.w3schools.com/jQuery/tryit.asp?filename=tryjquery_hide –

0


에 왜 요소 ID를 사용하여 이벤트를 클릭 바인딩 해달라고 :

$(function(){ 
    $('#should_trigger_event').click(function(){ 
    if (document.selection) { 
      return document.selection.createRange().text; 
}});}); 
0

직접 수를 원하는 div에 핸들러를 할당하십시오. ...

var div = document.getElementById('should_trigger_event'); 
div.ondblclick = function() { 
    alert(GetSelectedText()); 
} 

을 포함하거나 전체 문서에 대한 처리기를 원한다면, 당신은 이벤트 객체에 target을 확인할 수 있습니다

document.ondblclick = function(e) { 
if(e.target.id != 'should_not_trigger_event') 
     alert(GetSelectedText()); 
    } 
+0

을 입력하면 다음과 같은 오류가 발생합니다. 정의되지 않은 참조 또는 null 참조의 'ondblclick'속성을 설정할 수 없습니다. 두 번째 코드에서이 오류 : 정의되지 않은 null 참조의 속성 'target'을 가져올 수 없습니다. – wiki

+0

@wiki [this one] (http://jsfiddle.net/tilwinjoy/XpmLj/) 및 [this one] (http : //jsfiddle.net/tilwinjoy/XpmLj/1/) 잘 작동하는 것 같습니다 ... –

+0

당신이 옳습니다; 감사 – wiki

관련 문제