関数と関数実行の理解が曖昧な感じですね。
addEventlistener
の使い方ですが、第二引数に関数を渡しているだけです。文字列を引数に渡すのと同じです。
それでイベントのタイミングになると、自動的に渡した関数を実行してくれます。
javascript
1
2// 無名関数の定義
3function() {
4 // 処理
5};
6
7// 名前付き関数hogeの定義
8function hoge() {
9 // 処理
10};
11
12// hogeの実行
13hoge();
14
15// 即時実行(定義+実行)
16(function() {
17 // 処理
18})();
19
無名関数の部分を名前付き関数helloにすると、下記のようになります。
addEventListener()
実行の際に、第一引数に文字列、第二引数に関数を渡しているだけなのが分かりやすいかと思います。
javascript
1var hello = function(){
2 var greet = document.createElement('p'),
3 text = document.createTextNode('Hello world');
4 document.body.appendChild(greet).appendChild(text);
5};
6
7document.getElementById('add').addEventListener('click', hello);
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/29 05:17