마우스 오른쪽 버튼으로 클릭 한 객체 나 ID 또는 사용자를 어떻게 검색합니까? onContextMenu를 사용하여 함수를 트리거했지만 대상을 찾는 방법을 모르겠습니다.자바 스크립트를 사용하여 클릭 대상을 탐지합니까?
3
A
답변
5
<html>
<head>
<script type="text/javascript">
if (document.addEventListener) {
document.addEventListener('contextmenu', function(e) {
alert(e.target.nodeName); //or e.target.getAttribute('id')
e.preventDefault();
}, false);
} else {
document.attachEvent('oncontextmenu', function(e) {
alert(window.event.srcElement.nodeName); //or e.srcElement and then like above
window.event.returnValue = false;
});
}
</script>
</head>
<body>
<span>Lorem ipsum...</span><br/>
body content
</body>
</html>
PS를 event.target에주의를 지불 할 수 있습니다. 이전에 비슷한 코드를 본 적이 있습니다.)
0
귀하의 처리기는 이벤트 개체를 매개 변수로 받아 들여야합니다; 이벤트의 srcElement 속성은 이벤트를 트리거 한 객체가됩니다.
0
언급 한 Patrick은 이벤트를 트리거 한 요소를 찾을 수있는 onContentMenu 콜백 함수의 매개 변수로 이벤트 객체를 수신하고 있습니다. 브라우저 간 호환성을 위해이 코드를 사용하고 있습니다.
var oE = event.srcElement || event.originalTarget;
참고 : originalTarget은 Mozilla에만 해당됩니다. 당신은 https://developer.mozilla.org/en/DOM/event.target
관련 문제
- 1. 자바 스크립트를 사용하여 클릭 이벤트를 캡쳐
- 2. 자바 스크립트를 통한 클릭 요소
- 3. 자바 스크립트를 사용하여 DIV 렌더링
- 4. 자바 스크립트를 사용하여 인쇄 하시겠습니까?
- 5. 자바 스크립트를 사용하여 여러 양식에서 클릭 이벤트를 캡처하는 방법
- 6. 자바 스크립트를 사용하여 시스템에 더블 클릭 간격을 얻으시겠습니까?
- 7. 자바 스크립트를 사용하여 뺄셈
- 8. 자바 스크립트를 사용하여 다른 자바 스크립트를 추적 하시겠습니까?
- 9. 자바 스크립트를 사용하지 않고 자바 스크립트를 사용하여 텍스트를 텍스트로 삽입
- 10. 자바 스크립트를 사용하여 동적으로 테이블 만들기
- 11. 자바 스크립트를 사용하여 Gridview에서 중복 값을 찾습니다.
- 12. 자바 스크립트를 사용하여 양식 접기
- 13. 자바 스크립트를 사용하여 시간 비교하기
- 14. 자바 스크립트를 사용하여 세션을 삭제하십시오.
- 15. 자바 스크립트를 사용하여 맞춤 알림
- 16. 자바 스크립트를 사용하여 선택을 제거
- 17. 자바 스크립트를 사용하여 텍스트 분할
- 18. 자바 스크립트를 사용하여 iframe 문제
- 19. 자바 스크립트를 사용하여 텍스트를 제거하십시오.
- 20. 자바 스크립트를 사용하여 maxlength 설정
- 21. 자바 스크립트를 사용하여 가리 키기
- 22. 자바 스크립트를 사용하여 파일 읽기
- 23. 자바 스크립트를 사용하여 파일 다운로드
- 24. 자바 스크립트를 사용하여 이미지 축소
- 25. 자바 스크립트를 사용하여 데이터베이스에 연결
- 26. 자바 스크립트를 사용하여 imageslider 만들기
- 27. 자바 스크립트를 사용하여 레이아웃 지원
- 28. 자바 스크립트를 사용하여 라벨의 텍스트
- 29. 자바 스크립트를 사용하여 번호 확인
- 30. 자바 스크립트를 사용하여 아크 그리기
LOL, thanks !!!!! –