|
118 | 118 | $('#userAgent').html(navigator.userAgent); |
119 | 119 | $('#jqueryVersion').html($.fn.jquery); |
120 | 120 |
|
121 | | - function addFactorInfo(event) { |
122 | | - return ', deltaFactor(' + event.deltaFactor + ')'; |
123 | | - } |
| 121 | + var loghandle = function(event, delta) { |
| 122 | + var o = '', id = event.currentTarget.id; |
124 | 123 |
|
125 | | - $('#test1') |
126 | | - .mousewheel(function(event, delta, deltaX, deltaY) { |
127 | | - var o = ''; |
128 | | - if (delta > 0) |
129 | | - o = '#test1: up ('+delta+')'; |
130 | | - else if (delta < 0) |
131 | | - o = '#test1: down ('+delta+')'; |
| 124 | + o = '#' + id + ':'; |
| 125 | + |
| 126 | + if (delta > 0) |
| 127 | + o = ' up (' + delta + ')'; |
| 128 | + else if (delta < 0) |
| 129 | + o = ' down (' + delta + ')'; |
132 | 130 |
|
133 | | - if (deltaX > 0) |
134 | | - o = o + ', east ('+deltaX+')'; |
135 | | - else if (deltaX < 0) |
136 | | - o = o + ', west ('+deltaX+')'; |
| 131 | + if (event.deltaY > 0) |
| 132 | + o += ' north (' + event.deltaY + ')'; |
| 133 | + else if (event.deltaY < 0) |
| 134 | + o += ' south (' + event.deltaY + ')'; |
137 | 135 |
|
138 | | - if (deltaY > 0) |
139 | | - o = o + ', north ('+deltaY+')'; |
140 | | - else if (deltaY < 0) |
141 | | - o = o + ', south ('+deltaY+')'; |
| 136 | + if (event.deltaX > 0) |
| 137 | + o += ' east (' + event.deltaX + ')'; |
| 138 | + else if (event.deltaX < 0) |
| 139 | + o += ' south (' + event.deltaX + ')'; |
142 | 140 |
|
143 | | - if( o != '' ) |
144 | | - log( o + addFactorInfo(event) ); |
| 141 | + o += ' deltaFactor (' + event.deltaFactor + ')'; |
| 142 | + |
| 143 | + log( o ); |
| 144 | + }; |
145 | 145 |
|
| 146 | + $('#test1') |
| 147 | + .mousewheel(function(event, delta, deltaX, deltaY) { |
| 148 | + loghandle(event, delta); |
146 | 149 | log('pageX: ' + event.pageX + ' pageY: ' + event.pageY ); |
147 | 150 | }); |
148 | 151 |
|
149 | 152 | $('#test2') |
150 | 153 | .mousewheel(function(event, delta, deltaX, deltaY) { |
151 | | - var o = ''; |
152 | | - if (delta > 0) |
153 | | - o = '#test2: up ('+delta+')'; |
154 | | - else if (delta < 0) |
155 | | - o = '#test2: down ('+delta+')'; |
156 | | - |
157 | | - if (deltaX > 0) |
158 | | - o = o + ', east ('+deltaX+')'; |
159 | | - else if (deltaX < 0) |
160 | | - o = o + ', west ('+deltaX+')'; |
161 | | - |
162 | | - if (deltaY > 0) |
163 | | - o = o + ', north ('+deltaY+')'; |
164 | | - else if (deltaY < 0) |
165 | | - o = o + ', south ('+deltaY+')'; |
166 | | - |
167 | | - if( o != '' ) |
168 | | - log( o + addFactorInfo(event) ); |
| 154 | + loghandle(event, delta); |
169 | 155 | return false; // prevent default |
170 | 156 | }); |
171 | 157 |
|
|
182 | 168 |
|
183 | 169 | $('#test4') |
184 | 170 | .mousewheel(function(event, delta, deltaX, deltaY) { |
185 | | - var o = ''; |
186 | | - if (delta > 0) |
187 | | - o = '#test4: up ('+delta+')'; |
188 | | - else if (delta < 0) |
189 | | - o = '#test4: down ('+delta+')'; |
190 | | - |
191 | | - if (deltaX > 0) |
192 | | - o = o + ', east ('+deltaX+')'; |
193 | | - else if (deltaX < 0) |
194 | | - o = o + ', west ('+deltaX+')'; |
195 | | - |
196 | | - if (deltaY > 0) |
197 | | - o = o + ', north ('+deltaY+')'; |
198 | | - else if (deltaY < 0) |
199 | | - o = o + ', south ('+deltaY+')'; |
200 | | - |
201 | | - if( o != '' ) |
202 | | - log( o + addFactorInfo(event) ); |
| 171 | + loghandle(event, delta); |
203 | 172 | return false; |
204 | 173 | }) |
205 | 174 | .mousewheel(testRemoval) |
206 | 175 | .mousewheel(function(event, delta, deltaX, deltaY) { |
207 | | - var o = ''; |
208 | | - if (delta > 0) |
209 | | - o = '#test4: up ('+delta+')'; |
210 | | - else if (delta < 0) |
211 | | - o = '#test4: down ('+delta+')'; |
212 | | - |
213 | | - if (deltaX > 0) |
214 | | - o = o + ', east ('+deltaX+')'; |
215 | | - else if (deltaX < 0) |
216 | | - o = o + ', west ('+deltaX+')'; |
217 | | - |
218 | | - if (deltaY > 0) |
219 | | - o = o + ', north ('+deltaY+')'; |
220 | | - else if (deltaY < 0) |
221 | | - o = o + ', south ('+deltaY+')'; |
222 | | - |
223 | | - if( o != '' ) |
224 | | - log( o + addFactorInfo(event) + ' from 2nd handler' ); |
| 176 | + loghandle(event, delta); |
225 | 177 | return false; |
226 | 178 | }) |
227 | 179 | .unmousewheel(testRemoval); |
228 | 180 |
|
229 | 181 | $('#test5') |
230 | 182 | .mousewheel(function(event, delta, deltaX, deltaY) { |
231 | | - var o = ''; |
232 | | - if (delta > 0) |
233 | | - o = '#test5: up ('+delta+')'; |
234 | | - else if (delta < 0) |
235 | | - o = '#test5: down ('+delta+')'; |
236 | | - |
237 | | - if (deltaX > 0) |
238 | | - o = o + ', east ('+deltaX+')'; |
239 | | - else if (deltaX < 0) |
240 | | - o = o + ', west ('+deltaX+')'; |
241 | | - |
242 | | - if (deltaY > 0) |
243 | | - o = o + ', north ('+deltaY+')'; |
244 | | - else if (deltaY < 0) |
245 | | - o = o + ', south ('+deltaY+')'; |
246 | | - |
247 | | - if( o != '' ) |
248 | | - log( o + addFactorInfo(event) ); |
249 | | - |
| 183 | + loghandle(event, delta); |
250 | 184 | event.stopPropagation(); |
251 | 185 | event.preventDefault(); |
252 | 186 | }); |
253 | 187 |
|
254 | 188 | $('#test6') |
255 | 189 | .mousewheel(function(event, delta, deltaX, deltaY) { |
256 | | - var o = ''; |
257 | | - if (delta > 0) |
258 | | - o = '#test6: up ('+delta+')'; |
259 | | - else if (delta < 0) |
260 | | - o = '#test6: down ('+delta+')'; |
261 | | - |
262 | | - if (deltaX > 0) |
263 | | - o = o + ', east ('+deltaX+')'; |
264 | | - else if (deltaX < 0) |
265 | | - o = o + ', west ('+deltaX+')'; |
266 | | - |
267 | | - if (deltaY > 0) |
268 | | - o = o + ', north ('+deltaY+')'; |
269 | | - else if (deltaY < 0) |
270 | | - o = o + ', south ('+deltaY+')'; |
271 | | - |
272 | | - if( o != '' ) |
273 | | - log( o + addFactorInfo(event) ); |
274 | | - |
| 190 | + loghandle(event, delta); |
275 | 191 | event.stopPropagation(); |
276 | 192 | event.preventDefault(); |
277 | 193 | }); |
278 | 194 |
|
279 | 195 | $('#test7') |
280 | 196 | .mousewheel(function(event, delta, deltaX, deltaY) { |
281 | | - var o = ''; |
282 | | - if (delta > 0) |
283 | | - o = '#test7: up ('+delta+')'; |
284 | | - else if (delta < 0) |
285 | | - o = '#test7: down ('+delta+')'; |
286 | | - |
287 | | - if (deltaX > 0) |
288 | | - o = o + ', east ('+deltaX+')'; |
289 | | - else if (deltaX < 0) |
290 | | - o = o + ', west ('+deltaX+')'; |
291 | | - |
292 | | - if (deltaY > 0) |
293 | | - o = o + ', north ('+deltaY+')'; |
294 | | - else if (deltaY < 0) |
295 | | - o = o + ', south ('+deltaY+')'; |
296 | | - |
297 | | - if( o != '' ) |
298 | | - log( o + addFactorInfo(event) ); |
299 | | - |
| 197 | + loghandle(event, delta); |
300 | 198 | event.preventDefault(); |
301 | 199 | }); |
302 | 200 |
|
303 | 201 | function log(msg) { |
304 | | - $('#logger').append('<p>'+msg+'<\/p>').scrollTop(999999); |
| 202 | + $('#logger').append('<p>'+msg+'<\/p>')[0].scrollTop = 999999; |
305 | 203 | }; |
306 | 204 | }); |
307 | 205 | </script> |
|
0 commit comments