javascritのコードを見ていますと、時々functionに続いて(e)などの記述を見かけるのですが、色々と調べてみるのですが、いまいち意味が理解できず困っております。
この(e)や(event)として定義するイベントとはどういった意味で、どのようなときに必要になるものでしょうか?
document.getElementById("hoge").addEventlistner("click", function (event) {
event.preventDefalut();
…
});
例えばこのような記述の時、なぜ(event)としてから、event.preventDefalut(); と指定しているのでしょうか?
このeventは何の中身を引っ張り出しているのでしょうか?
お詳しい方いらっしゃいましたらアドバイス頂けないでしょうか?
宜しくお願いいたします。
No.2ベストアンサー
- 回答日時:
No1です
>ここでいうeventとは何に対してのeventなのでしょうか?
DOMエレメントやオブジェクトにもともと設定されているイベントです。
エレメントやオブジェクトによって内容が異なります。
質問文にご提示の例でいえば、IDがhogeの要素のクリックイベントを取得しています。
クリック等のマウスイベントの他にも、ウィンドウのloadイベントや、スクロールイベントなど各種ありますし、ユーザが独自のイベントを定義することも可能です。
・マウスイベントの例
https://developer.mozilla.org/ja/docs/Web/API/Mo …
>keydownの中のkeyCodeなどをeで受け取っている感じなのでしょうか?
受け取っているのは、No1にも書きましたように「イベントオブジェクト」です。
イベント発生の際に、イベントの内容等を保持しているオブジェクトです。
https://developer.mozilla.org/ja/docs/Web/API/Ev …
https://developer.mozilla.org/ja/docs/Learn/Java …
>event.preventDefalut(); のpreventDefalut();はどれの中に入っているものなのでしょうか?
preventDefault()はイベントオブジェクトのメソッドです。
意味としては、デフォルトの動作をキャンセルするものです。
(キャンセル不可の動作もあります)
https://developer.mozilla.org/ja/docs/Web/API/Ev …
>これらのeventを一覧で確認する方法などありますでしょうか?
主なイベントの一覧は、以下で確認できます。
さらに、具体的な種類等については、それぞれの項目をご覧ください。
https://developer.mozilla.org/ja/docs/Web/API/Ev …
何度も有難うございます。
完全に理解をしきれてはおりませんが、少しわかってきたように思います。
色々と試しながら理解を深めていこうと思います。㎜

No.1
- 回答日時:
こんにちは
詳しいわけではありませんけれど・・・
ご提示の例のeventは、引数として渡される値を受け取る「仮引数」です。
ですので、変数名は何でも良いのですが、イベントオブジェクトを受け取るので、eやeventなどが使われることが多いのでしょう。
addEventlistnerは「イベントが発生したときに呼び出される関数を設定する」メソッドですが、ご提示の例では、click時にfunction(){~~}の処理が実行されます。
その際に、イベントオブジェクトが引数として渡される仕様になっています。
https://developer.mozilla.org/ja/docs/Web/API/Ev …
>この(e)や(event)として定義するイベントとはどういった意味で、
>どのようなときに必要になるものでしょうか?
・どういった意味
イベントの内容を示す「イベントオブジェクト」です。
イベントの種類や内容に応じて様々なプロパティ等を有しています。
例えば、マウスクリックならクリックの発生した位置座標とか、キーイベントなら操作したキーの種類とか・・・
https://developer.mozilla.org/ja/docs/Web/API/Ev …
・どのようなときに必要
イベント処理内で上記の情報を参照したいときに必要です。
ですので、場合によっては、必要としない処理もあり得ます。
例えば、マウストレーサーみたいなものを実装しようとすると、「マウスの位置」が必要でしょうし、矢印キー入力で何かを動かしたいなら、「押されたキーの種類」が必要になることでしょう。
有難うございます。
分かりそうな気がするのですが、落とし込めずに悩んでおります…。
もし可能でありましたら、再度アドバイスをお願いいたします。
イベントいうものが良く理解できていないのが原因なのですが、ここでいうeventとは何に対してのeventなのでしょうか?
addEventlistnerに対してのevent?または、clickに対してのevent??
clickに対してのeventだと思うのですが、そうするとclickというイベントの中にpreventDefalut();というものが存在しているのでしょうか?
以下の定義だと少しだけ理解が進んだ気がします。
window.addEventListener('keydown', function(e) {
console.log(e.keyCode);
});
この場合は、keydownというイベントの中に、色々な機能があって、それをeで取得をしている。
その中の1つとして、eで取得した、keyCodeという押したキーが特定できるイベント?を取得している理解なのでしょうか?
keydownがさらに細かなものを取得したりするためにkeydownの中のkeyCodeなどをeで受け取っている感じなのでしょうか?
話は戻るのですが、最初にご質問させて頂きました
event.preventDefalut(); のpreventDefalut();はどれの中に入っているものなのでしょうか?
また、これらのeventを一覧で確認する方法などありますでしょうか?
宜しくお願いいたします。㎜
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
- JavaScript jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの 4 2022/11/22 10:30
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
- アプリ if文 false kotlin 2 2023/03/27 16:39
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- その他(趣味・アウトドア・車) 寝台特急カシオペアについて 2 2023/06/10 13:59
- 英語 atが1文で二回出てくるのはおかしいですよね。すっきりした英文にしたいです。教えてください。 1 2023/03/24 20:20
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- 葬儀・葬式 満中陰 満中陰志という言葉 黄色と白の水引の熨斗袋や掛紙も西日本だけ なぜですか? 1 2023/06/27 09:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Webページ中の javascript をVB...
-
以下のコードを実行しても、オ...
-
JSPの処理の途中で、JavaScript...
-
PDFフォームで条件つき金額を表...
-
リクエスト結果が一瞬しか表示...
-
PowerPointで時計表示
-
列を非表示にするマクロが実行...
-
JavaScriptでファイルの保存
-
JavaScriptで ブラウザの閉じる...
-
【JavaScript】DOMContentLoade...
-
delete[]と、delete演算子の明...
-
VBA SORT Applyでエラー
-
VBS作動中のブラウザのmsgboxに...
-
Vba SelStart、SelLen教えてく...
-
Onclickイベントでデータをcgi...
-
VB.NET2003 テキストボックスに...
-
【Excel】文字列を抜き出してUR...
-
JQueryでpdfを画像に置換
-
VB2008で数字の桁数を調べる...
-
Javascriptエラーの原因が分か...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ローカルのレジストリを読みたい
-
Webページ中の javascript をVB...
-
javaScriptでグローバル変数に...
-
タブブラウザで focus() を実...
-
Shell.ApplicationでのIEオブ...
-
チェックボックスを認識・不認...
-
Googleカレンダーリスト表示
-
関数の呼び出し時の引数につい...
-
一定時間経つと画像を消す方法
-
Ajaxのプログラムをオブジェク...
-
event.srcElementの動的設定
-
VBSを学ぶ前に、、、
-
JavaScriptの正規表現について
-
ブラウザが開いているかどうか
-
javascritの(e)または(event)に...
-
クラス デフォルトプロパティの...
-
CSSのクラスを動的に変更 classで
-
div で既存の <pre> を囲む方
-
画面間でのJavaScrip...
-
フォルダ内のファイル名を取得...
おすすめ情報
