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()という感じです。
終わりに
いかがでしたでしょうか?これを応用すればより楽にプログラミングができるようになると思います。ぜひ応用させていってみてください。