diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-02 11:43:53 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-09 12:37:12 +0900 |
commit | 68b0eef2dcf5d42ca8d4f36aaf734fbeed603e87 (patch) | |
tree | 552948941cf305461a1aef065c79a9c11c51ee74 /files/ja/web/api | |
parent | 747ffa918a2d3eed89f13d71e2505702ea2f9d0b (diff) | |
download | translated-content-68b0eef2dcf5d42ca8d4f36aaf734fbeed603e87.tar.gz translated-content-68b0eef2dcf5d42ca8d4f36aaf734fbeed603e87.tar.bz2 translated-content-68b0eef2dcf5d42ca8d4f36aaf734fbeed603e87.zip |
2021/09/15 時点の英語版に同期
Diffstat (limited to 'files/ja/web/api')
-rw-r--r-- | files/ja/web/api/mouseevent/initmouseevent/index.md | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/files/ja/web/api/mouseevent/initmouseevent/index.md b/files/ja/web/api/mouseevent/initmouseevent/index.md new file mode 100644 index 0000000000..9305047d20 --- /dev/null +++ b/files/ja/web/api/mouseevent/initmouseevent/index.md @@ -0,0 +1,140 @@ +--- +title: MouseEvent.initMouseEvent() +slug: Web/API/MouseEvent/initMouseEvent +tags: + - API + - DOM + - DOM イベント + - 非推奨 + - メソッド + - MouseEvent + - リファレンス +browser-compat: api.MouseEvent.initMouseEvent +translation_of: Web/API/MouseEvent/initMouseEvent +--- +{{APIRef("DOM Events")}}{{deprecated_header}} + +**`MouseEvent.initMouseEvent()`** メソッドは、いったん(通常は {{domxref("Document.createEvent()")}} メソッドで)生成されたマウスイベントの値を初期化します。 + +> **Warning:** このメソッドは非推奨になったので、今後は使用しないでください。 +> +> 代わりに {{domxref("MouseEvent.MouseEvent", "MouseEvent()")}} など、特定のイベントのコンストラクターを使用してください。 +> [イベントの作成と起動](/ja/docs/Web/Events/Creating_and_triggering_events)のページに、使用方法についての詳しい情報があります。 + +この方法で初期化されるイベントは、 {{domxref("Document.createEvent()")}} メソッドで作成されたものでなければなりません。 +このメソッドは、 {{domxref("EventTarget.dispatchEvent()")}} を使用してイベントが配信される前に、イベントを設定するために呼び出す必要があります。 + +## 構文 + +```js +event.initMouseEvent(type, canBubble, cancelable, view, + detail, screenX, screenY, clientX, clientY, + ctrlKey, altKey, shiftKey, metaKey, + button, relatedTarget); +``` + +### 引数 + +- `type` + - : このイベントの種別 ({{domxref("Event.type", "type")}}) を設定する文字列です。 + マウスイベントで使用可能な種別には、 `click`, `mousedown`, + `mouseup`, `mouseover`, `mousemove`, + `mouseout` があります。 +- `canBubble` + - : このイベントがバブリングできるかどうかです。 {{domxref("Event.bubbles")}} の値を設定します。 +- `cancelable` + - : このイベントの既定のアクションを止めることができるかどうかです。 + {{domxref("Event.cancelable")}} の値を設定します。 +- `view` + - : このイベントの AbstractView です。ここでは {{domxref("window")}} オブジェクトを渡す必要があります。 + {{domxref("UIEvent.view")}} の値を設定します。 +- `detail` + - : このイベントのマウスクリック回数です。 {{domxref("UIEvent.detail")}} の値を設定します。 +- `screenX` + - : このイベントのスクリーン X 座標です。 + {{domxref("MouseEvent.screenX")}} の値を設定します。 +- `screenY` + - : このイベントのスクリーン Y 座標です。 + {{domxref("MouseEvent.screenY")}} の値を設定します。 +- `clientX` + - : このイベントのクライアント X 座標です。 + {{domxref("MouseEvent.clientX")}} の値を設定します。 +- `clientY` + - : このイベントのクライアント Y 座標です。 + {{domxref("MouseEvent.clientY")}} の値を設定します。 +- `ctrlKey` + + - : このイベント中に <kbd>control</kbd> キーが押されていたかどうか。 + {{domxref("MouseEvent.ctrlKey")}} の値を設定します。 + +- `altKey` + + - : このイベント中に <kbd>alt</kbd> キーが押されていたかどうか。 + {{domxref("MouseEvent.altKey")}} の値を設定します。 + +- `shiftKey` + + - : このイベント中に <kbd>shift</kbd> キーが押されていたかどうか。 + {{domxref("MouseEvent.shiftKey")}} の値を設定します。 + +- `metaKey` + + - : このイベント中に <kbd>meta</kbd> キーが押されていたかどうか。 + {{domxref("MouseEvent.metaKey")}} の値を設定します。 + +- `button` + - : このイベントのマウスボタン ({{domxref("MouseEvent.button", "button")}})。 +- `relatedTarget` + - : このイベントに[関連する EventTarget](/ja/docs/Web/API/MouseEvent/relatedTarget)。 + 一部のイベント種別 (例えば `mouseover` や `mouseout`) でのみ使用されます。 + それ以外の場合は `null` を渡してください。 + +## 例 + +### HTML + +```html +<div style="background:red; width:180px; padding:10px;"> + <div id="out"></div> + <input type="text"> +</div> +``` + +### JavaScript + +```js +document.body.onclick = function(){ + e = arguments[0]; + var dt = e.target,stag = dt.tagName.toLowerCase(); + document.getElementById("out").innerHTML = stag; +}; + +var simulateClick = function(){ + var evt = document.createEvent("MouseEvents"); + evt.initMouseEvent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null); + document.body.dispatchEvent(evt); +} + +simulateClick(); +``` + +### 結果 + +{{EmbedLiveSample('Example')}} + +## 仕様書 + +この機能は仕様書に含まれていません。標準化路線から外れました。 + +代わりに {{domxref("MouseEvent.MouseEvent", "MouseEvent()")}} コンストラクターを使用してください。 + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("MouseEvent.MouseEvent()","MouseEvent()")}} コンストラクター: + {{domxref("MouseEvent")}} を生成するための新しい標準の方法 +- {{domxref("Event.initEvent()")}} は似た目的を実現するより単純なメソッドです。 + こちらも廃止されており、使用するべきではありません。 |