.detail
イベントのタイプによって、付加的なイベントについての数値情報を返します。 詳細は、「注意事項」を参照してください。
文法
var number = event.detail;
例
<html>
<head>
<title>event.detail example</title>
</head>
<body>
<form>
<input id="b" type="button" value="details">
<input id="t" type="text" value=""><br>
<input type="reset">
</form>
<script>
function giveDetails(e) {
var text = document.getElementById("t");
text.value = e.detail;
}
function init() {
var b1 = document.getElementById("b");
b1.onclick = giveDetails;
}
//初期化処理
init();
</script>
</body>
</html>
注意事項
click、dblclick、mousedown、mouseupのようなマウスイベントにおいて、
detailプロパティはそのイベントのためにマウスが何回クリックされたのかを示します。
dblclickイベントのdetailの値は常に2になります。
仕様
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。