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

최근 기술의 발전이 더디고, 지도해 줄 전문가가 없기 때문에 스스로에게 의지해야 하기 때문에 WEBQQ를 흉내내서 스스로 단련하고 싶습니다. 하기 전에 필요한 것들을 준비하는 것이 가장 좋습니다. 실제로 jquery 자체 이벤트 메커니즘은 클릭, 두 번 클릭, 마우스 이동, 마우스 이동 등을 포함하여 매우 완벽합니다. 그러나 할 일이 하나 적습니다. 마우스 오른쪽 버튼 클릭 이벤트입니다. 물론 모든 사람은 마우스 누르기 이벤트를 직접 듣고 if를 사용하여 해당 기능을 결정하고 실행합니다. 마우스 오른쪽 버튼 클릭 이벤트의 효과를 발생시킵니다.

하지만 제가 원하는 건 이게 아닌데, 이 이벤트도 클릭 이벤트 등 다른 이벤트와 동일할 수 있다는 점인 것 같습니다. 매번 판단할 필요 없이 편리하게 사용할 수 있습니다. 여기서는 jquery 플러그인을 작성하면 $().rightClick();을 이용하여 바로 이 메소드를 사용할 수 있습니다.

jQuery 플러그인은 크게 3가지 종류로 나누어진다

1. 객체 메소드를 캡슐화하는 플러그인

(이런 종류의 플러그인은 객체를 캡슐화하고 선택기를 통해 얻은 객체를 조작하는 데 필요한 방법입니다.

2. 전역 기능을 캡슐화하는 플러그인

(jquery 명명 공간에 독립적인 기능을 추가할 수 있습니다)

3. 선택기 플러그인

(jquery의 선택기는 이미 매우 강력하지만 여전히 선호하는 선택기 중 일부를 확장해야 합니다.)

기타 플러그에 대한 지식 - 관련 정보를 직접 확인하실 수 있습니다. 여기서 직접 이야기를 시작하겠습니다.

첫 번째로 사용되는 플러그인 유형입니다. 먼저 구체적인 글쓰기 아이디어를 분석해 보겠습니다.

1. 마우스 오른쪽 버튼 이벤트 사용 후 시스템의 모든 오른쪽 클릭 메뉴 기능이 비활성화됩니다.

2. 마우스 오른쪽 버튼 이벤트 바인딩 후 실제로 마우스 누르기 이벤트가 발생합니다.

3. if를 통해 판단합니다. 오른쪽 버튼을 누르면 이 매개변수가 함수로만 실행됩니다. 마우스 오른쪽 버튼 클릭이 아닐 경우 실행되지 않습니다.

이쯤 되면 jquery에 익숙한 분들은 어떻게 하는지 이해하실 거라 믿습니다.

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

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

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

})

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

$(document).ready (function(e){

$("body") .rightClick(function()(alert("오른쪽 클릭")));
})


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

사용방법은 다른 이벤트와 동일합니다.