jquery mouseupメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery mouseup()メソッド

mouseupメソッドは、セレクタで指定した要素がマウスアップしたときの動作を指定します
マウスをクリックしたあとにマウスボタンが上がった状態を感知します

$("セレクタ").mouseup(function(){
セレクタで指定した要素がマウスアップされたときの処理
});

指定したHTML要素をマウスアップしたときにイベントを実行する

セレクタで指定したHTML要素をマウスアップしたときに他のテキストが変更されます。

jquery

$(function() {
	$("span#hoge").mouseup(function(){
	$("span#hoge2").text("マウスアップしました");
	});
});
css
#hoge{ background-color: #FFCC99;}

html

<span id="hoge">マウスアップして下さい</span>
<span id="hoge2">テキスト</span>

実行後

マウスアップして下さい テキスト

クリックしてマウスアップしたときに処理が実行されます
マウスアップイベントは基本のイベントですが使うことも多く、他のメソッドと組み合わせて使うと応用もいろいろできます







(C)2012 ホームページ作成無料