mouseup()
mouseupイベントは要素上でマウスが押上された際に発火するメソッドです。
次のコードでは.targetでマウスが押上された際に、その要素の背景色を赤色に変更します。
$(".target").mouseup(function(){
$(this).css("background","red");
});
また、mouseup時にイベントデータを引き渡すことが可能です。
$(".target").mouseup("ok",function(e){
$(this).text(e.data);
});
この場合.targetでマウスが押上された際にテキストが「マウスアップ」から「ok」に変更されます。
引数に何も指定しないことで設定しておいたmouseupイベントを発火させる事も可能です。
$(".target").mouseup(function(){
$(this).css("background","red");
});
$("button").click(function(){
$(".target").mouseup();
});
この場合はボタンをクリックした際も.targetのmouseupイベントが動作します。
参考URL
登録日 : 2012年12月17日 最終更新日 : 2012年12月17日
同じカテゴリー(Events)のエントリー
- change()
- blur()
- unload()
- unbind()
- submit()
- select()
- scroll()
- mouseleave()
- mouseenter()
- keyup()
- keypress()
- keydown()
- focusout()
- focusin()
- focus()
- die()
- delegate()
- dblclick()
- bind()
- undelegate()
- error()
- off()
- resize()
- mouseup()
- mousemove()
- mousedown()
- mouseout()
- mouseover()
- click()
- on()
- load()
- ready()