jquery 이벤트 메커니즘 확장 플러그인 jquery 마우스 오른쪽 버튼 이벤트. _jquery

실제로 jquery 자체 이벤트 메커니즘은 클릭, 두 번 클릭, 마우스 이동, 마우스 이동 등을 포함하여 매우 완벽합니다. 그러나 할 일이 하나 적습니다. 마우스 오른쪽 버튼 클릭 이벤트입니다. 물론 모든 사람은 마우스 누르기 이벤트를 직접 듣고 if를 사용하여 해당 기능을 결정하고 실행합니다. 마우스 오른쪽 버튼 클릭 이벤트의 효과를 발생시킵니다.
하지만 제가 원하는 건 이게 아닌데, 이 이벤트는 클릭 이벤트 등 다른 이벤트와 동일할 수 있다는 점인 것 같습니다. 매번 판단할 필요 없이 편리하게 사용할 수 있습니다. 여기서는 jquery 플러그인을 작성하면 $().rightClick();을 이용하여 바로 이 메소드를 사용할 수 있습니다.
jQuery 플러그인은 크게 3가지 종류로 나누어진다
1. 객체 메소드를 캡슐화하는 플러그인
(이런 플러그인은 객체를 캡슐화하고 선택자를 통해 얻은 객체를 조작하는데 사용되는 플러그인이다. 여기에 필요한 메소드 사용)
2. 전역 함수를 캡슐화하는 플러그인
(jquery 네임스페이스에 독립적인 함수를 추가할 수 있음)
3. 선택기 플러그인
(jquery의 선택기는 매우 강력하지만 여전히 즐겨찾는 선택기 중 일부를 확장해야 합니다.
플러그인에 대한 기타 지식은 관련 정보를 직접 확인할 수 있습니다. 여기서 직접 이야기를 시작하겠습니다.
첫 번째로 사용되는 플러그인 유형입니다. 먼저 구체적인 글쓰기 아이디어를 분석해 보겠습니다.
1. 마우스 오른쪽 버튼 이벤트를 사용한 후에는 모든 시스템 오른쪽 클릭 메뉴 기능이 비활성화됩니다.
2. 마우스 오른쪽 버튼 이벤트를 바인딩한 후 실제로 마우스 누르기 이벤트가 발생합니다.
3. if를 통해 판단합니다. 오른쪽 버튼을 누르면 해당 매개변수가 함수로만 실행됩니다. 마우스 오른쪽 버튼 클릭이 아닐 경우 실행되지 않습니다.
이 시점에서 jquery에 익숙한 분들은 어떻게 하는지 이해하실 거라 믿습니다.

jquery 이벤트 메커니즘 확장, jquery 마우스 오른쪽 버튼 이벤트.

코드 복사 코드는 다음과 같습니다.

/*마우스 오른쪽 버튼 플러그인* /
(function ($) {
$.fn.extend({
//마우스 오른쪽 버튼 방식을 정의하고 함수 매개변수를 받습니다.
"rightClick":function(fn){
//이 메소드를 호출한 후 시스템의 오른쪽 클릭 메뉴를 비활성화합니다
$(document).bind('contextmenu',function(e){
return false;
}); /이 객체에 대한 마우스 누르기 이벤트 바인딩
$(this).mousedown(function(e){
//오른쪽 버튼을 누르면 함수를 실행합니다.
if(3 == e.which ){
fn();
}
})
}
})(jQuery);