読者です 読者をやめる 読者になる 読者になる

Panda Noir

JavaScript の限界を究めるブログです。

jQueryのpreventDefault、stopPropagationのエイリアスの作り方

jQueryのclickイベントなどで、よくevent.preventDefault()やevent.stopPropagation()を使います。でも、長くてうつのたいへんでした。そこで、短いエイリアスを作ってみました。

作り方

まず、event.preventDefaultのeventとはなになのか、説明します。eventは、jQuery.Eventというコンストラクタのオブジェクトです。だから、jQuery.Eventのプロトタイプにエイリアスを作ればいいという事になります。

で、コードを書くとこうなります。

jQuery.Event.fn=jQuery.Event.prototype;
jQuery.Event.fn.pd=function(){
    this.preventDefault();
}
jQuery.Event.fn.sp=function(){
    this.stopPropagation();
}

jQuery.Event.fnはなくてもいいです。ない場合は、jQuery.Event.fnのところをjQuery.Event.prototypeにする必要があります。あと、jQueryは、$でもかまいません。

それから、チェーンメソッドできるようにする場合は、それぞれの関数の最後にreturn thisとつければOKです。使うときは、event.pd().sp()という感じです。

終わりに

いかがでしたでしょうか?これを応用すればより楽にプログラミングができるようになると思います。ぜひ応用させていってみてください。