jQuery를 사용하여 왼쪽, 가운데, 오른쪽 마우스 클릭을 어떻게 구별할 수 있나요?

jQuery에서 마우스 클릭 유형 식별

JavaScript에서 jQuery를 사용하여 클릭을 얻는 것은 간단하지만 왼쪽 마우스 클릭과 오른쪽 마우스 클릭을 구별하려면 추가 작업이 필요합니다.

두 클릭을 모두 캡처하기 위해 jQuery는 클릭 이벤트 핸들러를 제공합니다. 그러나 버튼을 구분하지는 않습니다.

event.which를 사용한 이벤트 정규화

문서에 나와 있듯이 event.which는 jQuery 버전 1.1부터 브라우저 전반에 걸쳐 이벤트 코드를 정규화합니다. .3. 일관된 값을 제공합니다:

• 1: 왼쪽 마우스 버튼
• 2: 가운데 마우스 버튼
• 3: 오른쪽 마우스 버튼

클릭에 event.which 사용 차별화

이를 활용하여 클릭을 구분하는 event.which를 활용할 수 있습니다.

$('#element').mousedown(function (event) {
  switch (event.which) {
    case 1:
      console.log('Left Mouse button pressed.');
      break;
    case 2:
      console.log('Middle Mouse button pressed.');
      break;
    case 3:
      console.log('Right Mouse button pressed.');
      break;
    default:
      console.log('Unidentified Mouse button pressed.');
  }
});

이 구현을 통해 이제 왼쪽, 가운데 및 오른쪽 마우스 클릭을 기반으로 처리할 수 있습니다. 각자의 이벤트에 어떤 가치를 두는지.

위 내용은 jQuery를 사용하여 왼쪽, 가운데, 오른쪽 마우스 클릭을 어떻게 구별할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!