.mousedown()【《マウスボタンダウン》イベントハンドラ設定・実行】

メモ

構文

説明構文戻り値
《マウスボタンダウン》
イベントハンドラ設定 		.mousedown( handler ) 1.0

handler：イベントハンドラ
引数説明
[ Event eventObject ]イベントオブジェクト
(this)該当要素 (HTML5：基本DOM要素 参照)
戻り値説明
false
その他 		.on()【イベントハンドラ設定】のイベントのバブルアップ・処理抑止 参照
処理続行

.on( "mousedown", handler ) の省略形 		jQuery
.mousedown( [eventData ], handler ) 1.4.3

Anything eventData：イベントデータ
handler：イベントハンドラ
引数説明
[ Event eventObject ]イベントオブジェクト
(イベントデータは、eventObject.data で参照)
(this)該当要素 (HTML5：基本DOM要素 参照)
戻り値説明
false
その他 		.on()【イベントハンドラ設定】のイベントのバブルアップ・処理抑止 参照
処理続行

.on( "mousedown", handler ) の省略形 		jQuery
《マウスボタンダウン》
イベントハンドラ実行 		.mousedown() 1.0

.trigger( "mousedown" ) の省略形 		jQuery

関連

例

《マウスボタンダウン》イベントハンドラ設定・実行

<style>
.borderMousedown1 {
  border:1px red solid; padding:1px 5px; margin-right:5px; width:400px;
  cursor:pointer;
}
</style>

<p id="mousedown11" class="borderMousedown1">[ mousedown11 ]<br>.mousedown( handler )</p>
<p id="mousedown12" class="borderMousedown1">[ mousedown12 ]<br>.mousedown( "DATA", handler )</p>
<p id="mousedown13" class="borderMousedown1">[ mousedown13 ]<br>.mousedown( { "DATA1", "DATA2" }, handler )</p>
<p>
  <button id="buttonMousedown11">[ buttonMousedown11 ]<br>$("#mousedown11").mousedown()</button>
  <button id="buttonMousedown12">[ buttonMousedown12 ]<br>$("#mousedown12").mousedown()</button>
  <button id="buttonMousedown13">[ buttonMousedown13 ]<br>$("#mousedown13").mousedown()</button>
</p>
<p>
  <span id="outputMousedown1" style="border:1px black solid; padding:1px 5px; background-color:lightcyan;">【出力】</span>
</p>

<script>
function kindOfButton(eventObject) {
  var strKind = "";
  switch (eventObject.which) {
    case 1: strKind = " (左ボタン)";   break;
    case 2: strKind = " (中央ボタン)"; break;
    case 3: strKind = " (右ボタン)";   break;
  }
  return strKind;
}

function funcMouseup(eventObject) {
  $("#outputMousedown1").text("[ " + this.id + " ] mouseup");
}

$("#mousedown11")
  .mousedown(function(eventObject) {
    var text = "[ " + this.id + " ] mousedown"
      + kindOfButton(eventObject);
    $("#outputMousedown1").text(text);
  })
  .mouseup(funcMouseup);

$("#mousedown12")
  .mousedown("DATA", function(eventObject) {
    var text = "[ " + this.id + " ] mousedown ( " + eventObject.data + " )"
      + kindOfButton(eventObject);
    $("#outputMousedown1").text(text);
  })
  .mouseup(funcMouseup);

$("#mousedown13")
  .mousedown({ data1:"DATA1", data2:"DATA2" }, function(eventObject) {
    var text = "[ " + this.id + " ] mousedown ( " + eventObject.data.data1
      + ", " + eventObject.data.data2 + " )"
      + kindOfButton(eventObject);
    $("#outputMousedown1").text(text);
  })
  .mouseup(funcMouseup);

$("#buttonMousedown11").click(function() {
  $("#mousedown11").mousedown();
});

$("#buttonMousedown12").click(function() {
  $("#mousedown12").mousedown();
});

$("#buttonMousedown13").click(function() {
  $("#mousedown13").mousedown();
});
</script>

[ mousedown11 ]
.mousedown( handler )

[ mousedown12 ]
.mousedown( "DATA", handler )

[ mousedown13 ]
.mousedown( { "DATA1", "DATA2" }, handler )

【出力】