吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

jQuery Mouse Events

2013年8月23日 / category : jquery, lab, reference-jquery

.click()
クリックイベント
.click( handler(eventObject) )
.click( [eventData ], handler(eventObject) )
demo
.dblclick()
ダブルクリックイベント
.dblclick( handler(eventObject) )
.dblclick( [eventData ], handler(eventObject) )
demo
.focusin() / .focusout()
フォーカスされたとき / 外れたときに発生(バブリングの捕捉がされている)
.focusin / .focusout( handler(eventObject) )
.focusin / .focusout( [eventData ], handler(eventObject) )
demo
.hover()
マウスオーバーとアウトをセットで登録する
.hover( handlerIn(eventObject), handlerOut(eventObject) )
demo
.mousedown() / .mouseup()
マウスダウンしたとき / マウスアップしたときに発生
.mousedown / mouseup( handler(eventObject) )
.mousedown / mouseup( [eventData ], handler(eventObject) )
demo
.mouseenter() / .mouseleave()
マウスが要素に入った時 / 要素から出たときに発生
.mouseenter/ mouseleave( handler(eventObject) )
.mouseenter/ mouseleave( [eventData ], handler(eventObject) )
demo
.mousemove()
マウスが動いたときに発生
.mousemove( handler(eventObject) )
.mousemove( [eventData ], handler(eventObject) )
demo
.mouseover() / .mouseout()
マウスオーバーしたとき / マウスアウトしたときに発生
.mouseover/ mouseout( handler(eventObject) )
.mouseover/ mouseout( [eventData ], handler(eventObject) )
demo