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

jQuery를 사용하여 왼쪽 및 오른쪽 마우스 클릭 구별

jQuery에서 마우스 클릭 이벤트를 처리할 때 왼쪽과 오른쪽 마우스 클릭을 구별하는 문제에 직면할 수 있습니다. 그리고 마우스 오른쪽 버튼 클릭. $('div').bind('click', function(){ Alert('clicked'); }) 는 두 클릭을 모두 캡처하지만 이를 구별하는 간단한 방법을 제공하지는 않습니다.

jQuery 이벤트 객체를 사용한 솔루션:

마우스 버튼을 구별하기 위해 jQuery는 이벤트 객체 내에 event.which 속성을 제공합니다. 이 속성은 event.keyCode 및 event.charCode와 관련된 브라우저 호환성 문제를 표준화합니다.

Event.which 및 마우스 버튼:

event.which는 마우스마다 다른 값을 반환합니다. 버튼:

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

차별화 구현 :

event.which를 사용하면 다음을 수행할 수 있습니다. 다음과 같이 이러한 차별화를 구현합니다.

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left Mouse button pressed.');
            break;
        case 2:
            alert('Middle Mouse button pressed.');
            break;
        case 3:
            alert('Right Mouse button pressed.');
            break;
        default:
            alert('You have a strange Mouse!');
    }
});

이 코드는 특정 요소인 #element에 이벤트 핸들러를 할당합니다. 마우스를 클릭하면 이벤트의 값을 확인하고 마우스 버튼을 누를 때마다 적절한 메시지를 표시합니다.

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