[B! JavaScript][ã‚¤ãƒ™ãƒ³ãƒˆ] fjwr38ã®ãƒ

fjwr38 id:fjwr38

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

ã€Œã„ã¤ã‚½ãƒ¼ã‚¹ã‚’èªã‚€ã®ã‹ã€
æŠ€è¡“å‘ä¸Š è¤‡æ•°äººã§èªã‚€ã‹ã€ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã—ãªãŒã‚‰ãŒãŠã™ã™ã‚ ã–ã£ãã‚Šèªã‚€ç¨‹åº¦ã§ã¯ã‚ã¾ã‚ŠåŠ¹æžœãŒãªã„ å‡¦ç†ã®æµã‚Œã‚’è¿½ã„ã¤ã¤ã€æ™®æ®µè‰¯ãä½¿ã„ç®‡æ‰€ã‚’ä¸å¿ƒã«èªã‚“ã§ã„ã å…¬é–‹ã—ã¦ã™ãã®ã‚µãƒ¼ãƒ“ã‚¹ã¯ã‚½ãƒ¼ã‚¹ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆç‰ã«æ‰‹ãŒå›žã£ã¦ãªãã¦é¢ç™½ã„ å•é¡Œè§£æž å•é¡Œè§£æžãªã‚‰ã‚¹ãƒãƒƒãƒˆã§å¿…è¦ãªã¨ã“ã‚ã ã‘èªã‚€ åŸºæœ¬çš„ã«ã¯ã‚¤ãƒ™ãƒ³ãƒˆä¸å¿ƒã«DevToolsã§æµã‚Œã‚’è¿½ã† ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãªã‚‰å¤–éƒ¨ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã¦ã„ã‚‹ã¨ã“ã‚ã‚’ä¸å¿ƒã«èªã‚€ è‘—åãªã‚µãƒ¼ãƒ“ã‚¹ã¨ã‹ãŠã™ã™ã‚ ã©ã“ã‹ã§ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ç³»ã®exploitãŒå…¬é–‹ã•ã‚ŒãŸã‚‰ä¼¼ãŸã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ã«ã‚‚åŒã˜å•é¡ŒãŒãªã„ã‹èª¿ã¹ã¦ã¿ã‚‹
fjwr38 2013/04/02
ã‚¤ãƒ™ãƒ³ãƒˆ

javascript
ãƒªãƒ³ã‚¯
DOMã‚¤ãƒ™ãƒ³ãƒˆã®åŸºç¤Žã‹ã‚‰æ·±æ·µã¾ã§
DOMã‚¤ãƒ™ãƒ³ãƒˆã®åŸºç¤Žã‹ã‚‰ã€ç´°ã‹ã„æƒ…å ±ã¾ã§ã€æœ€æ–°ã®DOMã‚¤ãƒ™ãƒ³ãƒˆã®ä»•æ§˜ç–å®šçŠ¶æ³ã‚‚å«ã‚ã¦ã€è§£èª¬ã—ã¦ã„ã¾ã™ã€‚Read less
fjwr38 2013/03/25
javascript

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

DOM
ãƒªãƒ³ã‚¯
javascriptã®ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½œã‚ã†ï¼ - tumblr
ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€åŸºæœ¬çš„ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãŒfireã™ã‚‹ã“ã¨ã§è¦ç´ ã«ç™»éŒ²ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ãŒå‘¼ã°ã‚Œã‚‹ã‚ã‘ãªã‚“ã§ã™ãŒã€ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã®fireã‚’é–‹ç™ºè€…å´ã§ã‚‚è¡Œãˆã‚‹ãƒ¯ã‚±ã§ã™ã€‚ã“ã‚Œã¯ãƒ†ã‚¹ãƒˆç”¨é€”ã§ã®ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã¿ãŸã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ãã®ã‚¤ãƒ™ãƒ³ãƒˆã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã¨ç‹¬è‡ªã‚¤ãƒ™ãƒ³ãƒˆã®åˆæˆã‚’å¦ã‚“ã ã®ã§è¦šæ›¸ã€‚ã‚µã‚¤æœ¬ã˜ã‚ƒåˆæˆã‚¤ãƒ™ãƒ³ãƒˆãªã‚“ã¦è¨€ã‚ã‚Œã¦ã‚‹ã‘ã©ã€googleã§æ¤œç´¢ã™ã‚‹ã¨ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã£ã¦è¨€ã‚ã‚Œã‚‹ã»ã†ãŒå¤šã„ã¿ãŸã„ã€‚ ãŠãŠã¾ã‹ãªæµã‚Œ(IEé™¤ã) ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®åˆæœŸåŒ– ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ‡ã‚£ã‚¹ãƒ‘ãƒƒãƒï¼ˆç™ºç«ï¼‰ ã¨ã„ã†æ„Ÿã˜ã€‚ç™ºç«ã®å‰ã«ã¯addEventListenerã§ä»»æ„ã®è¦ç´ ã«ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ç™»éŒ²ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ var event = document.createEvent(type); å¼•æ•°ã®typeã¯ã‚¤ãƒ™ãƒ³ãƒˆã‚¿ã‚¤
fjwr38 2012/05/24
ã‚¤ãƒ™ãƒ³ãƒˆ

programming

JavaScript

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

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

javascript

Android

event
ãƒªãƒ³ã‚¯
jQuery ã® bind, unbind ã®è£å´ - ã¦ã£ãç…®ãƒ–ãƒã‚°
javascriptjQuery ã®ã‚½ãƒ¼ã‚¹ã‚’å‘¼ã‚“ã§ã„ã¦ã€ã‚¤ãƒ™ãƒ³ãƒˆç™»éŒ²ã®ã¨ã“ã‚ãŒè¤‡é›‘ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦è¨˜ã—ã¦ãŠãã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ 1.2.1ã€‚ãã‚‚ãã‚‚ã®ç›®çš„DOM æ¨™æº–ã® removeEventListener ã¯ã€element ã¨ type(click, submit, blur ãªã©) ã¨ listener ã®ï¼“ã¤ã‚’æŒ‡å®šã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ element.removeEventListener(click, listener, false); jQuery ã§ã¯ã‚¤ãƒ™ãƒ³ãƒˆè§£é™¤ã« unbind ã¨ã„ã†ä¾¿åˆ©ãªé–¢æ•°ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€‚element, type, listener ã‚’æŒ‡å®šã—ã¦è§£é™¤ã™ã‚‹ï¼ˆé€šå¸¸ã® removeEventListener ã¨åŒã˜ï¼‰element, type ã‚’æŒ‡å®šã—ã¦å…¨ã¦ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’è§£é™¤ã™ã‚‹element ã‹ã‚‰å…¨ã¦ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’è§£é™¤ã™ã‚‹ä¾‹ãˆã°ã€ $("#foo")
fjwr38 2011/11/11
ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©

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

jQuery

JavaScript

bind
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
1