Firefox에서 나는 document.onclick 이벤트를 사용하여 마우스 오른쪽 버튼을 클릭했는지, 그리고 마우스 오른쪽 버튼을 클릭하면 모든 것이 예상대로되었는지 확인했다. 하지만 크롬, 오페라 및 IE8, 오른쪽 클릭하면 document.onclick 발사하지 않습니다.오른쪽 클릭 이벤트 (onclick) 크롬, 오페라, IE (javascript)
img 요소에 대한 사용자 지정 컨텍스트 메뉴가 필요합니다. 어떻게해야합니까?
Firefox에서 나는 document.onclick 이벤트를 사용하여 마우스 오른쪽 버튼을 클릭했는지, 그리고 마우스 오른쪽 버튼을 클릭하면 모든 것이 예상대로되었는지 확인했다. 하지만 크롬, 오페라 및 IE8, 오른쪽 클릭하면 document.onclick 발사하지 않습니다.오른쪽 클릭 이벤트 (onclick) 크롬, 오페라, IE (javascript)
img 요소에 대한 사용자 지정 컨텍스트 메뉴가 필요합니다. 어떻게해야합니까?
오른쪽 클릭은 대부분의 표준 브라우저에서 컨텍스트 메뉴를 호출합니다. 따라서 "oncontextmenu"리스너를 사용하여 마우스 오른쪽 버튼 클릭 이벤트를 처리 할 수 있습니다. 리스너는 JS 코드를 호출 한 후 표준 브라우저 컨텍스트 메뉴를 표시하지 않으려면 false를 반환해야합니다.
다음은 이미지의 왼쪽 및 오른쪽 클릭을 처리하는 샘플 HTML입니다.
<html>
<head>
<script type="text/javascript">
function handleRightClick() {
alert("Got right click!");
};
function handleLeftClick() {
alert("Got left click!");
};
</script
</head>
<body>
<img src="http://thefuturebuzz.com/pics/the-matrix.jpg" onclick="handleLeftClick(this);" oncontextmenu="handleRightClick(this); return false;" />
</body>
</html>
자세한 내용은 http://www.w3schools.com/html5/html5_ref_eventattributes.asp
체크 아웃