最新のWeb開発のチュートリアル
 

OnMouseDownイベントの

<イベントオブジェクト

段落の上でマウスボタンを押したときにJavaScriptを実行します。

<p onmousedown="myFunction()">Click the text!</p>
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

ユーザが要素の上でマウスボタンを押したときにOnMouseDownイベントの発生します。

Tip:れるonmousedownイベントに関連するイベントの順序(for the left/middle mouse button)

  1. れるonmousedown
  2. onMouseUpの
  3. onclickの

れるonmousedownイベントに関連するイベントの順序(for the right mouse button)

  1. れるonmousedown
  2. onMouseUpの
  3. oncontextmenu

ブラウザのサポート

イベント
onmousedown はい はい はい はい はい

構文

HTMLには:

JavaScriptで:

object .onmousedown=function(){ »それを自分で試してみてください

JavaScriptでは、使用してaddEventListener()メソッドを:

object .addEventListener("mousedown", myScript );
»それを自分で試してみてください

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。


技術的な詳細

バブル: はい
取消し可能: はい
イベントの種類: MouseEvent
サポートされているHTMLタグ: <ベース>、<BDO>、<BR>、<HEAD>、<HTML>、<iframe>の、<メタ>、<PARAM>、<SCRIPT>、<スタイル>、および:以外のすべてのHTML要素、 <title>
DOMバージョン: レベル2のイベント

例

その他の例

ボタンが押されたときのパラメータを持つ関数をトリガ
マウスボタンが上に押されたときに<p>要素、赤色への色を変えます。

押されたアラートたマウスボタン
アラートどのマウスボタンユーザーが押しました。

ユーザーがクリックした要素を警告
ユーザーがクリックした要素の名前を警告します。


<イベントオブジェクト