[B! event][JavaScript] fjwr38ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fjwr38 id:fjwr38

eventã¨JavaScriptã«é–¢ã™ã‚‹fjwr38ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

æ¥µé™çŠ¶æ…‹ã§JavaScriptã«ã¤ã„ã¦èªžã‚ŠåˆãŠã†ï¼Ÿ ã€Œã‚¨ã‚¯ã‚¹ãƒˆãƒªãƒ¼ãƒ JavaScriptã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã®Webã‚µã‚¤ãƒˆãŒå…¬é–‹
é™ºã—ã„å´–ã‚„æµ·ã®åº•ã€ã‚¹ã‚«ã‚¤ãƒ€ã‚¤ãƒ“ãƒ³ã‚°ã¨ã„ã£ãŸæ¥µé™çŠ¶æ…‹ã§ã‚¢ã‚¤ãƒãƒ³ãŒã‘ã‚’ã™ã‚‹ã€Œã‚¨ã‚¯ã‚¹ãƒˆãƒªãƒ¼ãƒ ãƒ»ã‚¢ã‚¤ãƒãƒ³ãŒã‘ã€ãªã‚‰ã¬ã€æ¥µé™çŠ¶æ…‹ã§JavaScriptã«ã¤ã„ã¦ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’é–‹ã“ã†ã¨ã„ã†ã€ŒExtremeJSã€ã®Webã‚µã‚¤ãƒˆãŒé–‹è¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã®èª¬æ˜Žã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ What's ExtremeJS ? This website reference extreme JavaScript conferences. Why ExtremeJS? Because we can. ãªãœExtremeJSãªã®ã‹ã€ãã‚Œã¯ãã‚ŒãŒå¯èƒ½ã ã‹ã‚‰ã ã€ã¨ã€‚ ExtremeJSã‚’é–‹ãã«ã¯ï¼Ÿ Webã‚µã‚¤ãƒˆã«ã¯ã€ExtremeJSã‚’é–‹å‚¬ã™ã‚‹æ‰‹é †ãŒã¡ã‚ƒã‚“ã¨æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚å®‰å…¨ã‚„æ³•å¾‹ã«æ°—ã‚’ã¤ã‘ã¦ã€4äººã‹ã‚‰6äººã®ç™ºè¡¨è€…ã§5åˆ†ç¨‹åº¦ã®ç™ºè¡¨ã‚’ã™ã‚‹ã€ãªã©ã®èª¬æ˜Žã‚’è¦‹ã‚‹ã¨ã€ãªã‹ãªã‹æœ¬æ°—ã®ã‚ˆã†ã§ã™ã€‚ Find an e
fjwr38 2012/06/07
ã‚¨ãƒ¬ãƒ™ãƒ¼ã‚¿ãŒæ¢ã¾ã£ãŸã‚¹ã‚«ã‚¤ãƒ„ãƒªãƒ¼ã§ã‚„ã‚‹ã€ã¨ã‹ã®ã»ã†ãŒæ¥µé™ã£ã½ã„

javascript

Publickey

event
ãƒªãƒ³ã‚¯
JavaScript CustomEvent
JavaScript events have been the gateway to user interaction within the browser since its inception. Not only do events tell us when an interaction happens, but events tell us type of interaction, the nodes involved, and provide us methods for working with the event. Creating custom events and triggering them have always been trickier. Using JavaScript's CustomEvent API, that trickery can be elimin
fjwr38 2012/05/29
JavaScript

event
ãƒªãƒ³ã‚¯
keyã‚¤ãƒ™ãƒ³ãƒˆ(keypress,keyup,keydown)ã®ç¢ºèª
keypress,keyup,keydownã‚¤ãƒ™ãƒ³ãƒˆã®ç™ºç”Ÿãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç¢ºèªã™ã‚‹ãŸã‚ã®ãƒšãƒ¼ã‚¸ã§ã™ã€‚ ç¢ºèªã—ãŸã„ã‚¤ãƒ™ãƒ³ãƒˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã€ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã«å…¥åŠ›ã—ã¦ãã ã•ã„ã€‚ â†’Blogã¸æˆ»ã‚‹ keypress keyup keydown typekeyCodealtKeyctrlKeyshiftKeyvalue
fjwr38 2012/05/28
ä¾¿åˆ©

webã‚µãƒ¼ãƒ“ã‚¹

JavaScript

event
ãƒªãƒ³ã‚¯
[JavaScript] ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®touchendã§æŒ‡ãŒè¦ç´ ã®å¤–ã§ã‚‚åå¿œã—ã¦ã—ã¾ã†
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®clickã‚¤ãƒ™ãƒ³ãƒˆã¯ã€ã‚·ãƒ³ã‚°ãƒ«ã‚¯ãƒªãƒƒã‚¯ã‹ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã‹ã®åˆ¤å®šã‚’ã™ã‚‹ãŸã‚ã«ã€0.æ•°ç§’å‡¦ç†ã‚’å¾…ã¤ã®ã§ã€ä½“æ„Ÿçš„ã«ã‚‚ã£ã•ã‚Šã¨ã—ãŸæ„Ÿã˜ã‚’å—ã‘ã‚‹ã€‚ ãªã®ã§ã€clickã§ã¯ãªãtouchendã‚¤ãƒ™ãƒ³ãƒˆã§ã„ã‚ã‚“ãªå‡¦ç†ã‚’ã—ã¦ã„ãã‚“ã ã‘ã©ã€touchendæ™‚ã«ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã®è¦ç´ ã®å¤–ã§ã‚‚ã‚¤ãƒ™ãƒ³ãƒˆãŒèµ·ãã¡ã‚ƒã£ã¦å›°ã£ãŸã€‚ å…·ä½“çš„ã«ã¯ ãƒœã‚¿ãƒ³ã®ä¸Šã«æŒ‡ã‚’ONã€‚touchstartã‚¤ãƒ™ãƒ³ãƒˆ æŒ‡ã‚’å‹•ã‹ã—ã¦ã€æŒ‡ã‚’ãƒœã‚¿ãƒ³ã®å¤–ã«å‡ºã™ã€‚touchmoveã‚¤ãƒ™ãƒ³ãƒˆ ãƒœã‚¿ãƒ³ã®å¤–ã§æŒ‡ã‚’ã¯ãªã™ã€‚touchendã‚¤ãƒ™ãƒ³ãƒˆ ã“ã‚Œã§ã€ãƒœã‚¿ãƒ³ã«è¨å®šã—ã¦ã„ãŸtouchendã‚¤ãƒ™ãƒ³ãƒˆãŒå‹•ãå‡ºã™ã€‚ ä½¿ã†å´ã¨ã—ãŸã‚‰ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚¹ãƒ¯ã‚¤ãƒ—ï¼Ÿãƒ•ãƒªãƒƒã‚¯ï¼Ÿãªã‚“ã‹ã‚’ã—ãŸã¤ã‚‚ã‚Š ãªã®ã«ã€ãªã‚“ã‹å‹•ãå‡ºã—ãŸã£ã¦æ„Ÿã˜ã‹ãªã€‚ ã“ã®é•å’Œæ„Ÿã‚’ãªãã™ãŸã‚ã«ã€æŒ‡ã‚’å‹•ã‹ã—ãŸã‚‰ã€touhcendã‚¤ãƒ™ãƒ³ãƒˆã¯èµ·ããªã„ã‚ˆã†ã«ã—ãŸã€‚
fjwr38 2012/05/18
ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ãƒ³

ã‚¤ãƒ™ãƒ³ãƒˆ

javascript

Android

event
ãƒªãƒ³ã‚¯
JavaScript addEventListener() - ã¨ã¿ãžãƒ¼ãƒŽãƒ¼ãƒˆ
ä»•æ§˜æ›¸ã‚’èªã‚“ã§ã‚‚ã‚ã‹ã‚Šã«ãã„ã€addEventListener()ã®ç¬¬3å¼•æ•°useCaptureã®æ„å‘³ã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢ã€‚ addEventListener()ã¯IEã§ã¯æœªå®Ÿè£…ãªã®ã§é–¢ä¿‚ãªã—ã€‚ ä»¥ä¸‹ã¯FireFoxã§ç¢ºèªã€‚ useCaptureã®æ„å‘³ é€šå¸¸ç™»éŒ²ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©(*1)ã¯ã‚¤ãƒ™ãƒ³ãƒˆä¼æ¬ã®ãƒãƒ–ãƒªãƒ³ã‚°ãƒ•ã‚§ãƒ¼ã‚ºã§å‘¼ã°ã‚Œã‚‹ã€‚ã“ã®ãŸã‚ã€DOM Treeã®ä¸‹ã®æ–¹ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‹ã‚‰ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒé †ç•ªã«å‘¼ã°ã‚Œã‚‹ã€‚ useCaptureã‚’trueã«ã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ç™»éŒ²ã™ã‚‹ã¨ã€ã‚ãƒ£ãƒ—ãƒãƒ£ãƒ•ã‚§ãƒ¼ã‚ºã§ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒå‘¼ã°ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ã“ã®ãŸã‚ã€ãã®ä»–ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã«å…ˆã ã£ã¦å‘¼ã³å‡ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ (*1) ä»¥ä¸‹ã®ã‚‚ã®ãŒå«ã¾ã‚Œã‚‹ã€‚ DOMã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«è¨å®šã—ãŸã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©(element.onmousedown = handler) HTMLã‚¿ã‚°ã«åŸ‹ã‚è¾¼ã‚“ã ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰
fjwr38 2011/09/28
addEventListener

ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©

javascript

ã‚¤ãƒ™ãƒ³ãƒˆ

event
ãƒªãƒ³ã‚¯
Events
DOM2ã§ã¯ã€å…¨ã¦ã® Node ãŒã‚¤ãƒ™ãƒ³ãƒˆã‚’å—ã‘å–ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ã‚ã‚‰ã‚†ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒãã®å¯¾è±¡ã¨ãªã‚Šã¾ã™ã€‚ EventTarget ã“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã«ã‚ˆã‚Šã€ã‚¤ãƒ™ãƒ³ãƒˆã®ç™»éŒ²ãªã©ã‚’è¡Œã„ã¾ã™ã€‚ å…ˆç¨‹ã®èª¬æ˜Žé€šã‚Šã€å…¨ã¦ã® Node ã¯ã“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ document.addEventListener("mousemove", funcMouseMove, true); function funcMouseMove(event) { ... } addEventListener(type, listener, useCapture) ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™»éŒ²ã—ã¾ã™ã€‚ type ç™»éŒ²ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®ç¨®åˆ¥ã‚’æ±ºå®šã—ã¾ã™ã€‚ å…·ä½“çš„ãªç¨®åˆ¥åã¯ ã‚¤ãƒ™ãƒ³ãƒˆä¸€è¦§ å‚ç…§ã€‚ listener ã‚¤ãƒ™ãƒ³ãƒˆç™ºç”Ÿæ™‚ã«å‘¼ã³å‡ºã•ã‚Œã‚‹ãƒªã‚¹ãƒŠã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåã‚’æ±ºå®šã—ã¾ã™ã€‚ é€šå¸¸ã€ã“ã‚Œã¯é–¢æ•°(function)åã«ãª
fjwr38 2011/09/28
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹

javascript

ã‚¤ãƒ™ãƒ³ãƒˆ

event
ãƒªãƒ³ã‚¯
iPhone/Androidã«ã‚¿ãƒƒãƒï¼ - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ãƒ¼ãƒ«
stats.js (https://github.com/mrdoob/stats.js) ã¨ã„ã†ã€JavaScriptã§fpsã‚‚ã©ãã®å€¤ã‚’å‡ºã™ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’iPhone/Androidã§è©¦ã—ã¦ã„ãŸæ™‚ã«æ°—ã¥ã„ãŸã‚“ã ã‘ã©ã€iPhone/Androidã®WebKitã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã¯setIntervalã®ç›£è¦–ãŒç„¡åŠ¹ã«ãªã£ã¦ã„ã‚‹ã£ã½ã„ã€‚ å…·ä½“çš„ã«ã¯ã€ä¾‹ãˆã° setInterval(function() { count++; }, 1000); ã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ãŒã‚ã£ã¦ã¨ã—ã¦ 1. ã‚¿ãƒƒãƒé–‹å§‹ 2. æŒ‡ã‚’å‹•ã‹ã™ 3. ã‚¿ãƒƒãƒçµ‚äº† 4. æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ« ã®æµã‚Œã§ã€4.ãŒå®Œå…¨ã«çµ‚ã‚ã‚‹ã¾ã§countã®å€¤ã¯å¤‰ã‚ã‚‰ãªã„ã€‚ã¾ãŸã€å®Ÿè¡Œã‚ãƒ¥ãƒ¼ã«å…¥ã£ã¦ã„ãŸã‚‚ã®ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«å¾Œã«ä¸€æ°—ã«å®Ÿè¡Œã•ã‚Œã‚‹ã¨ã„ã†ã‚ã‘ã§ã‚‚ãªã„ã€‚å®Œå…¨ã«timerãŒæ¢ã¾ã£ã¦ã„ã‚‹ã€‚ ä¸€çž¬ã€ŒæŒ‡ã‚’ç½®ã„ã¦å‹•ã‹ã—ã¦ã„ã‚‹é–“ã¯JSã®å®Ÿè¡Œã¯å…¨
fjwr38 2011/09/09
AndroidãŒiPhoneã«æ¯”ã¹ã¦ã‚„ãŸã‚‰ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã®ã¯ã“ã†ã„ã†ã‚ã‘ã‹

Android

event

JavaScript
ãƒªãƒ³ã‚¯
1