回答編集履歴
3
ミスがあったため修正。
test
CHANGED
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
|
|
151
151
|
e.currentTarget.classList.add( 'mouseover' );
|
|
152
152
|
|
|
153
|
-
e.currentTarget.id = 'id' + i
|
|
153
|
+
e.currentTarget.id = 'id' + i;
|
|
154
154
|
|
|
155
155
|
}, false );
|
|
156
156
|
|
2
補足の追加。
test
CHANGED
|
@@ -125,3 +125,53 @@
|
|
|
125
125
|
【即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）】
|
|
126
126
|
|
|
127
127
|
[http://analogic.jp/immediate-function/](http://analogic.jp/immediate-function/)
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
---
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
いっそこうも書ける。
|
|
140
|
+
|
|
141
|
+
【動くサンプル】[https://jsfiddle.net/dp5kc1t2/3/](https://jsfiddle.net/dp5kc1t2/3/)
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
```JavaScript
|
|
146
|
+
|
|
147
|
+
[].forEach.call( document.getElementsByTagName( 'input' ), function( ele, i, arr ) {
|
|
148
|
+
|
|
149
|
+
ele.addEventListener( 'mouseenter', function( e ) {
|
|
150
|
+
|
|
151
|
+
e.currentTarget.classList.add( 'mouseover' );
|
|
152
|
+
|
|
153
|
+
e.currentTarget.id = 'id' + int;
|
|
154
|
+
|
|
155
|
+
}, false );
|
|
156
|
+
|
|
157
|
+
ele.addEventListener( 'mouseleave', function( e ) {
|
|
158
|
+
|
|
159
|
+
e.currentTarget.classList.remove( 'mouseover' );
|
|
160
|
+
|
|
161
|
+
}, false );
|
|
162
|
+
|
|
163
|
+
}); // IE9+
|
|
164
|
+
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
【Array.prototype.forEach() - JavaScript | MDN】
|
|
170
|
+
|
|
171
|
+
[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
【配列ライクなオブジェクトをforEachするときのイディオム - ぷちてく - Petittech】
|
|
176
|
+
|
|
177
|
+
[http://ptech.g.hatena.ne.jp/noromanba/20120521/1337639496](http://ptech.g.hatena.ne.jp/noromanba/20120521/1337639496)
|
1
読みやすく修正。
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
`onmouseover` に書いてしまうと2つ以上の関数を登録できず上書きしてしまうので、`addEventListener` を使ったほうが良いような。
|
|
2
2
|
|
|
3
|
-
動くサンプル
|
|
3
|
+
【動くサンプル】[https://jsfiddle.net/dp5kc1t2/](https://jsfiddle.net/dp5kc1t2/)
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
|
|
77
77
|
ちなみに `i` をイベントに渡したいときは下記のようにするとできます。
|
|
78
78
|
|
|
79
|
-
動くサンプル
|
|
79
|
+
【動くサンプル】[https://jsfiddle.net/dp5kc1t2/1/](https://jsfiddle.net/dp5kc1t2/1/)
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|