ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryイベントメカニズム拡張プラグインjquery右マウスボタンイベント。 _jquery

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

WBOY
WBOYオリジナル
2016-05-16 17:58:011138ブラウズ

実際、jquery 独自のイベント メカニズムは、クリック、ダブルクリック、マウスの移動、マウスの移動などを含め、非常に完全です。しかし、やるべきことが 1 つ減ります。マウスの右クリックイベントです。もちろん、誰もがマウス プレス イベントを直接リッスンし、if を使用して対応する関数を決定して実行します。マウスの右クリック イベントの効果を引き起こします。
しかし、これは私が望んでいることではありません。私が望んでいるのは、このイベントがクリックイベントなどの他のイベントと同じである可能性があることです。毎回判断する必要がなく便利に使えます。ここでは、jquery プラグインを記述することで、$().rightClick(); を使用してこのメ​​ソッドを直接使用できます。
jQuery プラグインは主に 3 種類に分かれます
1. オブジェクトのメソッドをカプセル化するプラグイン
(この種のプラグインはオブジェクトをカプセル化し、セレクターで取得したオブジェクトを操作するために使用されます)ここでは必要です 使用方法)
2. グローバル関数をカプセル化するプラグイン
(独立した関数を jquery 名前空間に追加できます)
3. セレクター プラグイン
(ただし、jquery のセレクターはこれは非常に強力ですが、お気に入りのセレクターの一部を拡張する必要があります)
プラグインに関するその他の知識については、関連情報を自分で確認できます。ここから直接話を始めましょう。
これは、使用される最初のプラグイン タイプです。まず、具体的な書き方のアイデアを分析してみましょう。
1. 右マウス ボタン イベントを使用すると、すべてのシステムの右クリック メニュー機能が無効になります。
2. 右マウス ボタン イベントをバインドした後、マウス プレス イベントが実際にトリガーされます。
3. 右ボタンを押すと、このパラメータは関数のみを実行します。右クリック以外の場合は実行されません。
この時点で、jquery に精通している人はその方法を理解できると思います。
jquery事件机制扩展,jquery鼠标右键事件。

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

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

/*右マウス ボタン プラグイン* /
(function ($) {
$.fn.extend({
//マウスの右ボタンのメソッドを定義し、関数パラメータを受け取ります
"rightClick":function(fn){
//このメソッドを呼び出した後、システムの右クリック メニューを無効にします
$(document).bind('contextmenu',function(e){
return false;
}); /このオブジェクトのマウス プレス イベントをバインドします
$(this).mousedown(function(e){
//右ボタンが押された場合、関数を実行します
if(3 == e.that ){
}
})
})(jQuery);
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。