[B! JavaScript][addEventListener] Cherenkovã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Cherenkov id:Cherenkov

JavaScriptã¨addEventListenerã«é–¢ã™ã‚‹Cherenkovã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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}}

Event Driven JavaScript - os0x.blog
document.createEventã¨dispatchEventã€addEventListenerã‚’ä½¿ã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ãƒ³ã«æ›¸ã„ãŸJavaScriptãŒã‚ªãƒ¬ãƒ–ãƒ¼ãƒ (ãŸã ã—ã€IEéžå¯¾å¿œ*1 )ãªã®ã§ã€è»½ãç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ã€AutoPatchWork (Google Chrome Devç”¨ã®extension)ã‚’ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ãƒ³ã§å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ AutoPatchWork.jsãŒ2009/06/11 21:00æ™‚ç‚¹ã®ã‚½ãƒ¼ã‚¹(id:nanto_viã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã†ã‘ã¦#ã‚’.ã«å¤‰æ›´æ¸ˆã¿)ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã•ã‚’é‡è¦–ã—ã¦ã„ã‚‹ã®ã§ã€324è¡Œã¨çŸã‚ã§ã™(CSSã¯åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ãŒ)ã€‚ window.addEventListener('scroll', check_scroll, false); window.addEventListener('AutoPatchWork.request',
Cherenkov 2011/01/22
ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ãƒ³

addEventListener

javascript

AutoPagerize

dom

tips
ãƒªãƒ³ã‚¯
Progress Listenersã§ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®urlå¤‰æ›´ã•ã‚ŒãŸã¨ãã«ä½•ã‹ã™ã‚‹ - ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ ãƒ•ãƒªãƒ¼ã‚¯ã‚¢ã‚¦ãƒˆ
ç§»è»¢ã—ã¾ã—ãŸ http://please-sleep.cou929.nu/20100301.html
Cherenkov 2010/09/15
location bar ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼

addEventListener

javascript

firefox
ãƒªãƒ³ã‚¯
JavaScriptãƒ†ã‚¯ã€setTimeout()ã®ã‹ã‚ã‚Šã«postMessage()ã‚’ä½¿ã† | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Firefox web browser - Faster, more secure & customizable JavaScriptã®ã‚¿ã‚¤ãƒ ã‚¢ã‚¦ãƒˆå‡¦ç†ã€ŒsetTimeoutã€ã§å‡¦ç†ã§ãã‚‹æœ€çŸã®æ™‚é–“ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«é•ã£ã¦ã„ã‚‹ã€‚ã“ã‚Œã¯setTimeoutã§æ¥µç«¯ã«çŸã„æ™‚é–“ãŒç¹°ã‚Šè¿”ã—ä½¿ã‚ã‚ŒãŸå ´åˆã«ãƒ–ãƒ©ã‚¦ã‚¶ã®ã»ã‹ã®å‡¦ç†ã«å½±éŸ¿ãŒã§ã‚‹ã®ã‚’é¿ã‘ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã€ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã ã„ãŸã„10msãŒæœ€çŸå€¤ã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã€‚Chromeã§ã¯ã“ã®åˆ¶é™ã¯ç·©ã2msã»ã©ã¨ã•ã‚Œã¦ã„ã‚‹ã€‚ã¤ã¾ã‚Šã€å¼•æ•°ã«0ã‚’æŒ‡å®šã—ã¦ã‚‚0msã¨ã—ã¦ã¯å‡¦ç†ã•ã‚Œãšã€10msãªã‚Š2msãªã‚Šã§å‡¦ç†ãŒå®Ÿæ–½ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚‹ã€‚ ã—ã‹ã—ã»ã‹ã®å‡¦ç†ã¯ã•ã¦ãŠãã€ã¨ã‚‚ã‹ãå‡¦ç†æ™‚é–“ã®çŸç¸®ã‚’å®Ÿç¾ã—ãŸã„ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚‹ã€‚ãã†ã—ãŸå ´åˆã«åˆ©ç”¨ã§ãã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’David Baronæ°ãŒDavid Baron's weblog: setTimeout with a sho
Cherenkov 2010/03/21
window.postMessage() Web Workersã‚’ä½¿ã£ã¦ãªã„ åŠªåŠ›ç³»ã®tipsã‚‰ã—ã„

HTML5

addEventListener

JavaScript
ãƒªãƒ³ã‚¯
ã€ç‰¹é›†ã€‘è©³è§£! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - Webã‚¢ãƒ—ãƒªé–‹ç™ºç·¨ (6) ã‚¯ãƒã‚¹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ³ã‚° | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
HTML5ã‹ã‚‰ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦(ãƒ•ãƒ¬ãƒ¼ãƒ )é–“ã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®é€å—ä¿¡ã‚’è¡Œã†ãŸã‚ã®ä»•çµ„ã¿ãŒç”¨æ„ã•ã‚ŒãŸã€‚ã“ã®ä»•çµ„ã¿ã‚’ç”¨ã„ã‚‹ã¨ã€å¯¾è±¡ã¨ãªã‚‹ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã•ãˆæ‰‹ã«å…¥ã‚Œã°ã€åŒã˜ã‚ªãƒªã‚¸ãƒ³(ãƒ—ãƒãƒˆã‚³ãƒ«+ãƒ‰ãƒ¡ã‚¤ãƒ³ + ãƒãƒ¼ãƒˆç•ªå·)ã®Webãƒšãƒ¼ã‚¸ã¯ã‚‚ã¡ã‚ã‚“ã€é•ã†ã‚ªãƒªã‚¸ãƒ³ã®Webãƒšãƒ¼ã‚¸ã¨ã‚‚é€šä¿¡ã‚’è¡Œã†ã“ã¨ãŒå¯èƒ½ã ã€‚ ã¾ãšã€ä»–ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’å—ä¿¡ã™ã‚‹ã«ã¯ã€windowã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®messageã‚¤ãƒ™ãƒ³ãƒˆã‚’ç›£è¦–ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ // messageã‚¤ãƒ™ãƒ³ãƒˆã®ç›£è¦– window.addEventListener("message", function() {...}, false); ä»–ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«å¯¾ã—ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ä¿¡ã™ã‚‹å ´åˆã¯ã€window.postMessage()ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã™ã‚‹ã€‚ postMessage(data, "targetOrigin"); postMessage()
Cherenkov 2010/03/21
window.postMessage() Web Workers

HTML5

addEventListener

JavaScript
ãƒªãƒ³ã‚¯
Event bubbling - Learn web development | MDN
Previous Next We've seen that a web page is composed of elements â€” headings, paragraphs of text, images, buttons, and so on â€” and that you can listen for events that happen to these elements. For example, you could add a listener to a button, and it will run when the user clicks the button. We've also seen that these elements can be nested inside each other: for example, a <button> could be placed
Cherenkov 2010/01/13
event.originalTarget.defaultView html

dom

addEventListener

Firefox

JavaScript
ãƒªãƒ³ã‚¯
addEventListener ã®é †ç•ª - m2
(function(){ function a() {alert('a')} function b() {alert('b')} function c() {alert('c')} window.addEventListener('click', a, false); window.addEventListener('click', b, false); window.addEventListener('click', c, false); window.addEventListener('click', a, false); })() opera -> b, c, a; firefox -> a, b, c;
Cherenkov 2009/04/11
javascript

addEventListener
ãƒªãƒ³ã‚¯
Using Firefox 1.5 caching - Mozilla | MDN
ã“ã®ãƒšãƒ¼ã‚¸ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã®å°½åŠ›ã§è‹±èªžã‹ã‚‰ç¿»è¨³ã•ã‚Œã¾ã—ãŸã€‚MDN Web Docs ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã«ã¤ã„ã¦ã‚‚ã£ã¨çŸ¥ã‚Šã€ä»²é–“ã«ãªã‚‹ã«ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ PC/Ýªï¿½View in English 0ï¿½6äªªAlways switch to English ã¯ã˜ã‚ã« Firefox 1.5 ã§ã¯ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’ãã® JavaScript ã®çŠ¶æ…‹ã‚‚å«ã‚ã¦ãƒ¡ãƒ¢ãƒªãƒ¼å†…ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã—ã€1 ã¤ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¨ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚è¨ªå•ã—ãŸãƒšãƒ¼ã‚¸é–“ã®æˆ»ã‚‹ã€é€²ã‚€ã¨ã„ã†å‹•ä½œã«ãƒšãƒ¼ã‚¸ã®ãƒãƒ¼ãƒ‰ãŒä¸è¦ã«ãªã‚Šã€JavaScript ã®çŠ¶æ…‹ã‚‚ä¿å˜ã•ã‚Œã¾ã™ã€‚ã“ã®æ©Ÿèƒ½ã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒéžå¸¸ã«é«˜é€ŸåŒ–ã—ã¾ã™ã€‚ã“ã®æ©Ÿèƒ½ã¯ bfcacheï¼ˆ"Back-Forward Cache" ã®ã“ã¨ï¼‰ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥çŠ¶æ…‹ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’é–‰ã˜ã‚‹ã¾ã§ä¿å˜ã•ã‚Œã¾ã™ã€‚ Firefox ãŒãƒšãƒ¼ã‚¸ã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã—ãªã„
Cherenkov 2009/01/21
DOMã®ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ã‚¤ãƒ™ãƒ³ãƒˆã«é–¢é€£ã—ã¦loadã ã‘ã§ã¯ãªãã¦ã‚ãƒ£ãƒƒã‚·ãƒ¥ç³»ã®pageshowã€pagehideãŒå˜åœ¨ã™ã‚‹ã€‚/DOMContentLoaded

Firefox

javascript

DOM

addEventListener
ãƒªãƒ³ã‚¯
onclick å±žæ€§å•é¡Œã«ã¤ã„ã¦ - ITæˆ¦è¨˜
æœ¬æ°—ã§ã‚„ã‚‹ãªã‚‰onclickå±žæ€§ã¯é¿ã‘ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ´»ç”¨ã™ã¹ã - å¸°ã£ã¦ããŸHolyGrailã¨HoryGrailã®åŒºåˆ¥ãŒã¤ã‹ãªã„æ—¥è¨˜ ã«é–¢ã—ã¦ ã“ã®å…ˆã€ HTML ã« onclick ã¨æ›¸ã„ã¦ã‚‚çŸ³ã‚’æŠ•ã’ã‚‰ã‚Œãªã„ã‚ˆã†ã«æ›¸ã„ã¦ãŠãï¼žï¼œ åƒ•ã‚‚ onclick å±žæ€§ãŒãƒ€ãƒ¡ã ã¨æ€ã£ã¦ã„ãŸæ™‚ä»£ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã€ä»Šã¯æ™‚ã€…ä½¿ã†ãªã‚ã€‚ ï¼ˆã‚ã€ã§ã‚‚ã€ HTML ã¨ JS ã§åˆ†æ¥ã—ã¦ã„ã‚‹å ´åˆã¯ã€ä½¿ã‚ãªã„ã»ã†ãŒã„ã„ã‚ˆãï¼¾ï¼¾ï¼›ãã“ã ã‘ã¯è¨€ã£ã¦ãŠãã€‚ï¼‰ JavaScript å…¥é–€ã®è¨˜äº‹ã‚’æ›¸ãã¨ãã« onclick å±žæ€§ãŒãƒ€ãƒ¡ã ã¨ã—ãŸã‚‰ã€ã„ã‚ã„ã‚æœ¬è³ªçš„ã§ãªã„ã“ã¨ã‚’èª¬æ˜Žã—ãªãã‚ƒã„ã‘ãªã„ã€‚ ç¾çŠ¶ã§ã¯ onclick å±žæ€§ãŒã€ã‚‚ã£ã¨ã‚‚ç°¡å˜ã« HTML ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’ãƒžãƒƒãƒ”ãƒ³ã‚°ã§ãã‚‹æ–¹æ³•ã ã‹ã‚‰ã€ãã‚“ãªã«ç›®ãã˜ã‚‰ãŸã¦ãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã‚ï¼Ÿ ãŸã¨ãˆã° ä»¥ä¸‹ã¯ã€ã‚¯ãƒªãƒƒã‚¯æ™‚ã« href ã« GET ã‚’é€ã‚‹ãŸã‚ã® oncli
Cherenkov 2008/12/06
javascript

onclick

addEventListener
ãƒªãƒ³ã‚¯
1