jqueryイベントメカニズム拡張プラグインjqueryマウスの右ボタンevent_jquery

最近はテクノロジーの進歩が遅く、指導してくれる専門家もいないので自分自身に頼るしかないので、WEBQQを真似して自分を鍛えたいと思っています。必要なものは事前に準備しておくと良いでしょう。実際、jquery 独自のイベント メカニズムは、クリック、ダブルクリック、マウスの移動、マウスの移動などを含め、非常に完全です。しかし、やるべきことが 1 つ減ります。マウスの右クリックイベントです。もちろん、誰もがマウス プレス イベントを直接リッスンし、if を使用して対応する関数を決定して実行します。マウスの右クリック イベントの効果を引き起こします。

しかし、これは私が望んでいることではありません。私が望んでいるのは、このイベントがクリックイベントなどの他のイベントと同じである可能性があることです。毎回判断する必要がなく便利に使えます。ここでは、jquery プラグインを記述することで、$().rightClick(); を使用してこのメ​​ソッドを直接使用できます。

jQuery プラグインは主に 3 種類に分かれます

1. オブジェクトのメソッドをカプセル化するプラグイン

(このタイプのプラグインオブジェクトをカプセル化して使用します。セレクターを通じて取得したオブジェクトを操作するため、ここで必要なメソッドです)

2. グローバル関数をカプセル化するプラグイン

(jquery 名前空間に独立した関数を追加できます)

3. セレクター プラグイン

(jquery のセレクターはすでに非常に強力ですが、お気に入りのセレクターのいくつかを拡張する必要があります)

その他 プラグインに関する知識-ins を使用すると、関連情報を自分で確認できます。ここから直接話を始めましょう。

これは、使用される最初のプラグイン タイプです。まず、具体的な書き方のアイデアを分析してみましょう。

1. 右マウス ボタン イベントを使用すると、すべてのシステムの右クリック メニュー機能が無効になります。

2. 右マウス ボタン イベントをバインドした後、マウス プレス イベントが実際にトリガーされます。

3. 右ボタンを押すと、このパラメータは関数のみを実行します。右クリック以外の場合は実行されません。

ここまでで、jquery に慣れている人はその方法を理解できると思います。

jquery イベント メカニズム拡張、jquery マウスの右ボタン イベント。

コードをコピー コードは次のとおりです:

/*マウスの右ボタンのプラグ-in*/
(function($) {
$.fn.extend({
//マウスの右ボタンのメソッドを定義し、関数パラメータを受け取ります
"rightClick":function(fn) {
//これを呼び出します メソッドの後、システムの右クリック メニューが無効になります
$(document).bind('contextmenu',function(e){
return false;
} );
//マウスをこのオブジェクトにバインドします。 Pressevent
$(this).mousedown(function(e){
//右ボタンが押された場合、関数
if( 3 == e.this){
fn ();
}
});

コードをコピーします

コードは次のとおりです: $(document).ready (function(e){ $("body") .rightClick(function()(alert("右クリック"))); });

jquery イベントメカニズム拡張、jquery マウスの右クリック イベント。
利用方法は他のイベントと同様です