JavaScript에서 오른쪽 클릭을 어떻게 감지할 수 있나요?-JS 튜토리얼-php.cn

JavaScript에서 오른쪽 클릭을 어떻게 감지할 수 있나요?

Linda Hamilton

풀어 주다： 2024-11-12 06:47:02

원래의

230명이 탐색했습니다.

How Can You Detect Right Clicks in JavaScript?

JavaScript에서 오른쪽 클릭 감지

일반적인 사용자 상호 작용인 오른쪽 클릭은 JavaScript에서 발생 시기를 결정하는 특정 과제를 제기합니다. 마우스 기반 동작임에도 불구하고 마우스 오른쪽 버튼 클릭은 전용 JavaScript 이벤트가 아닙니다.

마우스 버튼 이벤트 처리

JavaScript는 다음과 같은 마우스 동작에 대한 표준 이벤트 리스너를 제공합니다. mousemove, mousedown, mouseup 및 click과 같습니다. 이러한 이벤트는 마우스 버튼 동작을 캡처하지만 왼쪽 클릭과 오른쪽 클릭을 구분하지 않습니다. 마우스 오른쪽 버튼 클릭을 감지하려면 이벤트 개체의 속성을 검사해야 합니다.

document.body.onclick = function(e) {
  var isRightMB;
  e = e || window.event;

  if ("which" in e)  // Gecko (Firefox), WebKit (Safari/Chrome) &amp; Opera
    isRightMB = e.which == 3; 
  else if ("button" in e)  // IE, Opera 
    isRightMB = e.button == 2; 

  alert("Right mouse button " + (isRightMB ? "" : " was not") + "clicked!");
}

로그인 후 복사

컨텍스트 메뉴 이벤트

마우스 이벤트 외에도 oncontextmenu라는 이벤트가 있습니다. , 요소에서 상황에 맞는 메뉴가 열릴 때 실행됩니다. 이 이벤트는 컨텍스트 메뉴를 생성하는 마우스 오른쪽 버튼 클릭 동작을 처리하는 데 사용될 수 있습니다.

window.oncontextmenu = function() {
  showCustomMenu();
  return false;     // cancel default menu
}

로그인 후 복사

이러한 기술을 활용하여 개발자는 JavaScript에서 마우스 오른쪽 버튼 클릭 이벤트를 감지하고 처리할 수 있으므로 직관적이고 반응형 웹 애플리케이션.

위 내용은 JavaScript에서 오른쪽 클릭을 어떻게 감지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!