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

n2s id:n2s

eventã«é–¢ã™ã‚‹n2sã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (54)

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

Make a resizable element - HTML DOM
n2s 2020/11/20
resizableã‚’jQueryãªã—ã§å®Ÿè£… / ãƒžã‚¦ã‚¹ãƒœã‚¿ãƒ³ã®æŠ¼ã—é›¢ã—æ¯Žã«addEventListener(), removeEventListener() ã‚„ã£ã¦ã‚‹ã€‚ã‚„ã‚‰ã‚ŒãŸã€ãã®ç™ºæƒ³ã¯ãªã‹ã£ãŸï½—

javascript

DOM

event
ãƒªãƒ³ã‚¯
ã‚¤ãƒ™ãƒ³ãƒˆã®ä½œæˆã¨èµ·å‹• - é–‹ç™ºè€…ã‚¬ã‚¤ãƒ‰ | MDN
ã“ã®è¨˜äº‹ã§ã¯ã€ DOM ã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½œæˆã—ã¦å‡¦ç†ã™ã‚‹æ–¹æ³•ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ã“ã®ã‚ˆã†ãªã‚¤ãƒ™ãƒ³ãƒˆã¯ã€ä¸€èˆ¬ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼è‡ªä½“ã«ã‚ˆã£ã¦èµ·å‹•ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã¨ã¯å¯¾ç…§çš„ã«ã€åˆæˆã‚¤ãƒ™ãƒ³ãƒˆã¨å‘¼ã°ã‚Œã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€æ¬¡ã®ã‚ˆã†ã« Event ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ãƒ¼ã‚’ä½¿ç”¨ã—ã¦ä½œæˆã§ãã¾ã™ã€‚ var event = new Event('build'); // Listen for the event. elem.addEventListener('build', function (e) { /* ... */ }, false); // Dispatch the event. elem.dispatchEvent(event); ä¸Šè¨˜ã®ã‚³ãƒ¼ãƒ‰ä¾‹ã¯ EventTarget.dispatchEvent() ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ã“ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ãƒ¼ã¯ã€ã»ã¨ã‚“ã©ã®æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ (Internet E
n2s 2018/02/27
element.dispatchEvent()ã«ä¸Žãˆã‚‹Eventã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯createEvent()â†’initEvent()ã¨ã‹ã—ãªãã¦ã‚‚new Event("click")ãŒä½¿ãˆã‚‹(IEä»¥å¤–)

javascript

DOM

event
ãƒªãƒ³ã‚¯
KeyboardEvent.keyCodeã¨ã¯ä½•ã‹ - WebStudio
Tweet (list) å°Žå…¥ KeyboardEvent.keyCodeã¨ã¯ä½•ãªã®ã‹ã«ã¤ã„ã¦å°‘ã—è§£èª¬ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Webã‚¢ãƒ—ãƒªã§ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚‰ã®å…¥åŠ›ã‚’å‡¦ç†ã™ã‚‹å ´åˆã«ã€KeyboardEvent.keyCodeã¨ã€ KeyboardEvent.charCodeã®äºŒã¤(ã•ã‚‰ã«KeyboardEvent.whichã‚’ä½¿ã†äººã‚‚å¸Œã«è¦‹ã‹ã‘ã¾ã™ãŒ)ã‚’æœ€åˆã«è¦‹ã‹ã‘ã‚‰ã‚ŒãŸæ–¹ãŒå¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã‚ãªãŸãŒã“ã‚Œã‚‰ã®å±žæ€§ã‚’åˆã‚ã¦çŸ¥ã£ãŸæ™‚ã€ãã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ã©ã®ã‚ˆã†ã«è§£èª¬ã—ã¦ã„ãŸã§ã—ã‚‡ã†ã‹ã€‚ KeyboardEvent.charCodeã¯ã‚·ãƒ³ãƒ—ãƒ«ã§èª¤è§£ã™ã‚‹ã®ã‚‚é›£ã—ã„ãã‚‰ã„ã§ã™ã€‚ ã—ã‹ã—ã€KeyboardEvent.keyCodeã¯ãã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å¤šãã®äººã¯ã€ã“ã®å±žæ€§ã‚’æ ¹æœ¬çš„ã«é–“é•ã£ãŸæƒ…å ±ã¨å…±ã«çŸ¥ã£ãŸã¨æ€ã„ã¾ã™ã€‚ KeyboardEvent.keyCodeã®æ´å² KeyboardEven
n2s 2018/02/24
browser

event
ãƒªãƒ³ã‚¯
Javascriptã®å®Ÿè¡Œé †åº(Web Workerã€éžåŒæœŸå‡¦ç†ã€ã‚¤ãƒ™ãƒ³ãƒˆ ) | iret.media
cloudpack ã‚ã‚‰ä¾¿åˆ©ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ 2017 16æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ JavaScriptã«ã¯éžåŒæœŸå‡¦ç†ã‚„ã‚¤ãƒ™ãƒ³ãƒˆç™ºç«ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚‚ã®ã€ã¾ãŸWeb Workersã‚’åˆ©ç”¨ã—ãŸåˆ¥ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã®å®Ÿè¡Œãªã©è¨˜è¿°ã—ãŸé †åºã©ãŠã‚Šã§ã¯ãªã„å®Ÿè¡Œã‚¿ã‚¤ãƒŸãƒ³ã‚°ã®ã‚‚ã®ãŒã‚ã‚Šã¨å¤šç”¨ã•ã‚Œã¾ã™ã€‚ ãã“ã§ãµã¨æ°—ã«ãªã£ãŸã®ã§ãã‚Œãžã‚Œã®å®Ÿè¡Œé †åºã£ã¦ã©ã†ãªã£ã¦ã„ã‚‹ã®ã‹ Web Workersã®åˆ¥ã‚¹ãƒ¬ãƒƒãƒ‰ã§å®Ÿè¡Œã•ã‚ŒãŸçµæžœãŒã©ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å—å–ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆç™ºè¡Œã•ã‚Œã‚‹ã®ã‹æ°—ã«ãªã£ãŸã®ã§ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã–ã£ãã‚Šèª¿æŸ»ã—ã¦ã¿ã¾ã—ãŸã€‚ å®Ÿè¡Œã•ã‚Œã‚‹å‡¦ç† Web Worker1ã§ã®1ã¤ã‚ã®å‡¦ç† Web Worker2ã§2ã¤ã‚ã®ãƒ«ãƒ¼ãƒ—å‡¦ç† Web Worker1ã§3ã¤ã‚ã®ãƒ«ãƒ¼ãƒ—å‡¦ç† éžåŒæœŸã§å®Ÿè¡Œã•ã‚Œã‚‹å‡¦ç†(setTimeout) ã¹ãŸæ›¸ãã§ã®ãƒ«ãƒ¼ãƒ—å‡¦ç†1 ã¹ãŸæ›¸ãã§ã®ãƒ«ãƒ¼ãƒ—å‡¦ç†2 ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆç™ºç« è¨˜è¿°ã—ãŸé †åºã¯ä¸Šã«æ›¸ã„ãŸã¨
n2s 2017/07/11
javascript

event
ãƒªãƒ³ã‚¯
DOMContentLoadedå‘¨ã‚Šã®å‡¦ç†ã‚’è©³ã—ãèª¿ã¹ã¦ã¿ã¾ã—ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
n2s 2015/11/04
DOM

event
ãƒªãƒ³ã‚¯
ç‰¹å®šã®è¦ç´ ä»¥å¤–ã§ç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚ãƒ£ãƒƒãƒã™ã‚‹ï¼ˆjQuery Advent Calendar 2014 jQueryï¼‰ - ksk1015ã®ãƒ–ãƒã‚°
jQuery Advent Calendar 2014 ã®6æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ç©ºã„ã¦ã„ãŸã®ã§æ›¸ãã¾ã™ã€‚ ç‰¹å®šã®è¦ç´ ã§ç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã§å‡¦ç†è¡Œã†å ´åˆã¯ ã¨æ›¸ãã¾ã™ã€‚æ™®é€šã§ã™ãã€‚ ç‰¹å®šã®è¦ç´ ä»¥å¤–ã§ç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã§å‡¦ç†è¡Œã†å ´åˆã¯ã€ã“ã‚“ãªãµã†ã«æ›¸ã‘ã¾ã™ è§£èª¬ documentã«ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼è²¼ã‚‹ã¨ã€ã©ã“ã§ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ã¦ã‚‚ã‚ãƒ£ãƒƒãƒã§ãã¾ã™ã€‚ ï¼ˆãƒãƒ–ãƒªãƒ³ã‚°ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®å ´åˆã§ã™ãŒã€‚ ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã«ã¤ã„ã¦è§£èª¬ã—ãŸè¨˜äº‹ï¼‰ ãã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ã‚¤ãƒ™ãƒ³ãƒˆç™ºç”Ÿå…ƒã®è¦ç´ ã‚’å–å¾—ã§ãã¾ã™ã€‚ ãã®è¦ç´ è‡ªä½“ã¾ãŸã¯ãã®è¦ç´ ãŒæŒ‡å®šã‚»ãƒ¬ã‚¯ã‚¿å†…ã‹ã©ã†ã‹ã¯ã€.closest()ãƒ¡ã‚½ãƒƒãƒ‰ã§ç°¡å˜ã«åˆ¤å®šã§ãã¾ã™ã€‚ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¿ãŸã„ãªUIã®é–‰ã˜ã‚‹å‡¦ç†ã€ãã‚Œä»¥å¤–ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã¨ãã¯é–‰ã˜ãŸã„ã‘ã©ã€æ“ä½œä¸èƒ½ã«ã¯ã—ãŸããªã„ã¨ãã¨ã‹ã§ä½¿ã£ãŸã‚Šã—ã¾ã™ã€‚ èª¿ã¹ã¦ã¿ãŸã‚‰jQueryUIã®Selectmenuã‚‚åŒã˜ãµã†
n2s 2014/12/16
jQuery

event
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚¸ãƒ£ãƒ³ãƒ—çŽ‡ã®ã‚»ã‚ªãƒªãƒ¼ã‚’è€ƒãˆã‚‹ | ãƒ•ã‚©ãƒ³ãƒˆã®è©± | ã¤ã¿ããƒ–ãƒã‚°
æ ªå¼ä¼šç¤¾ã¤ã¿ã UI/UXäº‹æ¥çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› æ‹å•“ã€€æ™‚ä¸‹ã¾ã™ã¾ã™ã”æ¸…ç¥¥ã®ã“ã¨ã¨ãŠå–œã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ å¹³ç´ ã‚ˆã‚Šæ ¼åˆ¥ã®ã”é«˜é…ã‚’è³œã‚Šã€åŽšãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã“ã®åº¦ã€å¼Šç¤¾ã¯å‰µæ¥ä»¥æ¥ç¶šã‘ã¦å‚ã‚Šã¾ã—ãŸUI/UXäº‹æ¥ï¼ˆå—è¨—åˆ¶ä½œäº‹æ¥ï¼‰ã«ã¤ãã¾ã—ã¦ã€2024å¹´4æœˆ30æ—¥ã‚’ã‚‚ã£ã¦çµ‚äº†ã™ã‚‹ã“ã¨ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¯ã€å¼Šç¤¾ã®ä¸»åŠ›äº‹æ¥ã§ã‚ã‚‹Filmarksã‚’ã¯ã˜ã‚ã¨ã—ãŸã€æ˜ åƒé–¢é€£äº‹æ¥ã«æ³¨åŠ›ã—ã¦å‚ã‚Šã¾ã™ã€‚ ã”æ„›é¡§ã‚’å—ã‘è³œã‚Šã¾ã—ãŸçš†æ§˜ã«ã¯ã€æ·±ãæ„Ÿè¬ç”³ã—ä¸Šã’ã¾ã™ã¨ã¨ã‚‚ã«ã€ã”ç†è§£è³œã‚Šã¾ã™ã‚ˆã†ãŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ æ•¬å…· æ ªå¼ä¼šç¤¾ã¤ã¿ã ä»£è¡¨å–ç· å½¹ç¤¾é•· éˆ´æœ¨ è²´å¹¸ äº‹æ¥çµ‚äº†äºˆå®šæ—¥ï¼š2024å¹´4æœˆ30æ—¥ [email protected]
n2s 2014/11/27
javascript

event
ãƒªãƒ³ã‚¯
DOM Performance (JSNext Bulgaria)
In the client-side development we manipulate the DOM very often. Some of these manipulations take some time to execute, others take even more time. In a complicated JS-based software, it is very important to find the optimal approaches in order to get best performance. We will meet few very common cases, where standard DOM manipulations are very expensive, and we will see what is the optimal way t
n2s 2014/11/25
javascript

DOM

event
ãƒªãƒ³ã‚¯
ã€ŽãŠä»•äº‹ãƒ¡ãƒ¢ã€€Javascript ã‚¤ãƒ™ãƒ³ãƒˆã‚’å¼·åˆ¶çš„ã«ç™ºç”Ÿã•ã›ã‚‹ãƒ½(`Ð”Â´)ãƒŽï½µï¾˜ï½¬ã€
ç«¶é¦¬ã¨ã¯é–¢ä¿‚ãªã®ã§ã‚¹ãƒ«ãƒ¼ã—ã¦ãã ã•ã„ï½ï½ Javascriptã§ä¾¡æ ¼è¨ˆç®—ãªã©ã‚’è¡Œã†éš›ã€ --- document.getElementById("total").value = arguments; --- ãªã©ã¨ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å€¤ã‚’ã‚»ãƒƒãƒˆã—ã¦ã‚‚ã€ onchangeã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãªã„ã€‚ ãã“ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’å¼·åˆ¶çš„ã¨ã„ã†ã‹ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã™ã‚‹æ–¹æ³•ã‚’è¦‹ã¤ã‘ãŸã®ã§ãƒ¡ãƒ¢ã€‚ // onChangeã‚’ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆ var elem = document.getElementById("total"); // ãƒ–ãƒ©ã‚¦ã‚¶åˆ¤å®š if( /*@cc_on ! @*/ false ) { // IEã®å ´åˆ elem.fireEvent( "onchange" ); } else { // Firefoxã®å ´åˆ var evt = document.createEvent( "MouseEvents" ); //
n2s 2014/11/15
IEã˜ã‚ƒãªã„æ–¹ã®é¢å€’ãã•ã•ã«æ”¹ã‚ã¦æˆ¦æ…„ã€‚ãã‚‚ã„ï½— fireEventä¸€ç™ºã§æ¸ˆã‚€IEã†ã‚‰ã‚„ã¾ã—ã„ã€‚

event
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«å¾“äº‹ã™ã‚‹ãŠå‰ã‚‰ã¯ã„ã„åŠ æ¸›é«˜é »åº¦ã‚¤ãƒ™ãƒ³ãƒˆã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã®ä»˜ãåˆã„æ–¹ã‚’è€ƒãˆã‚ - Qiita
ã‚‚ã†ãªã‚“ã‹ã“ã®éš›ãƒžã‚¸ã§è¨€ã‚ã›ã¦ã„ãŸã ãã‚“ã§ã™ã‘ã©ã€çŸ¥ã£ã¦ã‚‹ã‹çŸ¥ã‚‰ãªã„ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒä¸–ã®ä¸ã«ã¯ã™ã”ã„é »åº¦ã§å‘¼ã°ã‚Œã†ã‚‹DOMã‚¤ãƒ™ãƒ³ãƒˆã£ã¦è¨€ã†ã®ãŒã„ãã¤ã‹ã‚ã‚‹ã‚ã‘ã§ã™ã‚ˆ ä¾‹ãˆã° scroll mousemove, touchmove devicemotion è¾ºã‚Šã§ã™ã‚ˆã€‚ ã§ã€é«˜é »åº¦ã§å‘¼ã°ã‚Œã‚‹ã£ã¦è¨€ã†ã“ã¨ã¯å¿…ç„¶çš„ã«å‡¦ç†é‡ãŒå¢—ãˆã‚‹ã£ã¦åˆ†ã‹ã‚Šã¾ã™ã‚ˆãï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿwhile(1) {}ã˜ã‚ƒãªã„ã¨ã¯ã„ãˆUIã‚¹ãƒ¬ãƒƒãƒ‰ã«ååˆ†å½±éŸ¿ã‚’ä¸Žãˆã†ã‚‹é »åº¦ã§å‘¼ã°ã‚Œã‚‹è¨³ã§ã™ã€‚åˆ†ã‹ã‚Šã¾ã™ã‚ˆãï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿ ãã†ãªã‚‹ã¨å½“ç„¶ãã®ã‚¤ãƒ™ãƒ³ãƒˆå†…ã§é‡ã„å‡¦ç†ã‚’è¡Œãˆã°äººé–“ãŒèªè˜ã§ãã‚‹ãƒ¬ãƒ™ãƒ«ã§ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹é…å»¶ãŒèµ·ãã‚‹ã£ã¦ã„ã†ã®ã¯ã”ç†è§£ã§ãã¾ã™ã‚ˆãï¼Ÿ é‡ã„å‡¦ç†ã£ã¦ã„ã†ã®ã¯ã¾ãæƒ³åƒå‡ºæ¥ã‚‹ã¨ã¯æ€ã†ã‚“ã§ã™ãŒä¾‹ãˆã°ã‚ˆãã‚ã‚‹ã®ãŒ DOMã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ offsetTopã€offsetLeftã€offsetWidthã€offsetHe
n2s 2014/10/27
ã¶ã“ã‚ã§debounceã¨ã‹throttleã¨ã„ã†ã®ãŒæŒ™ãŒã£ã¦ã„ã‚‹ã®ã§ã“ã‚Œã‚‰ã«ã¤ã„ã¦ã‚‚èª¿æŸ»

DOM

event
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ã«ä»•æŽ›ã‘ã‚‰ã‚ŒãŸå…¨ã¦ã®EventListenersã®è¨å®šå…ƒã®ä¸€è¦§ã‚’ãƒ€ãƒ³ãƒ—ã—ã€å¿…è¦ãªå¯¾ç–ã‚’æ–½ã™æ–¹æ³• - latest log
n2s 2014/09/05
getEventListeners()ã€‚èª¿ã¹ãŸã¨ã“ã‚Chromeã®ä»–ã«Firefoxã«ã‚‚ã‚ã‚‹æ¨¡æ§˜ã€‚

javascript

event

Google Chrome
ãƒªãƒ³ã‚¯
preventDefault()ã§ç„¡åŠ¹ã«ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’æœ‰åŠ¹ã«ã™ã‚‹æ–¹æ³•
preventDefault()ã§ç„¡åŠ¹ã«ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’æœ‰åŠ¹ã«ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ï¼Žã¯ã˜ã‚ã« preventDefault()ã¯ã€ã€ŒpreventDefault()ã«ã¤ã„ã¦ã€ã§ç´¹ä»‹ã—ãŸã¨ãŠã‚Šã€å®Ÿè¡Œã—ãŸã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ãƒ£ãƒ³ã‚»ãƒ«å¯èƒ½ã§ã‚ã‚‹å ´åˆã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚ãƒ£ãƒ³ã‚»ãƒ«ã™ã‚‹ãŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã€‚ ãŒã€preventDefault()ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚ãƒ£ãƒ³ã‚»ãƒ«ã—ãŸã‚ã¨ã€å†ã³ã‚¤ãƒ™ãƒ³ãƒˆã‚’æœ‰åŠ¹ã«ã™ã‚‹æ–¹æ³•ãŒåˆ†ã‹ã‚Šã¾ã›ã‚“ã€‚ ã¨ã„ã†ã“ã¨ã§ã€preventDefault()ã§ç„¡åŠ¹ã«ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’æœ‰åŠ¹ã«ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼’ï¼ŽjQueryã‚’ä½¿ã£ã¦preventDefault()ã§ç„¡åŠ¹ã«ã—ãŸãƒªãƒ³ã‚¯ã‚’æœ‰åŠ¹ã«ã™ã‚‹ ã“ã“ã§ã¯aè¦ç´ ã‚’ä½¿ã£ã¦ã€preventDefault()ã§ç„¡åŠ¹ã«ã—ãŸãƒªãƒ³ã‚¯å…ˆã¸ã®é·ç§»ã‚’å†ã³æœ‰åŠ¹ã«ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨ã„ã¾ã™ã€‚ jQueryã§ã¯ã€preventDefault()ãƒ¡ã‚½ãƒƒãƒ‰ã‚’on()ã¨off()ã¨çµ„ã¿åˆ
n2s 2014/08/20
javascript

jQuery

event
ãƒªãƒ³ã‚¯
jQuery ã®.on()ã‚’ã‚‚ã†ã„ã£ãºã‚“ç†è§£ã—ã¦ã¿ã‚‹ - ã‚ã¾ã‚Šæ–°ã—ããªã„ã‚‚ã®
jQueryã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¯ã€ç¾åœ¨ .on(),.off()ã®ã¿ãŒæŽ¨å¥¨ã•ã‚Œã¦åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã“ã‚“ãªã‹ã‚“ã˜ã§ã—ãŸã€‚ $(element).on(event, function() { console.log('event fired!'); }); ã“ã®å ´åˆã€å¯¾è±¡ã¨ãªã‚‹$(element)ã«ãŠã„ã¦æŒ‡å®šã—ãŸeventãŒç™ºç«ã—ãŸæ™‚ã«ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ãŒå‘¼ã³å‡ºã•ã‚Œã¾ã™ã€‚éžå¸¸ã«ç›´æ„Ÿçš„ã§ã™ãã€‚ ã¨ã“ã‚ã§ã€ã“ã‚Œã¯ä»¥å‰ã®.bind()ã¨å…¨ãåŒã˜ã§ã™ã€‚ .bind()ã®å ´åˆã¯ã€æŒ‡å®šã—ãŸãšã°ã‚Šãã®è¦ç´ ã«å¯¾ã—ã¦ã®ã¿ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’è¡Œã„ã¾ã™ã€‚ã‚ˆã£ã¦ã€.bind()ãŒå‘¼ã³å‡ºã•ã‚ŒãŸãã®æ™‚ç‚¹ã§å˜åœ¨ã—ãªã„è¦ç´ ã«å¯¾ã—ã¦ã¯ã€ãŸã¨ãˆã‚»ãƒ¬ã‚¯ã‚¿ãŒä¸€è‡´ã—ã¦ã„ãŸã¨ã—ã¦ã‚‚ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ãŒè¡Œã‚ã‚Œã¾ã›ã‚“ã€‚ ã“ã®ã“ã¨ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’ã—ãŸã„ã¾ã•ã«ãã®è¦ç´ ã«ã®ã¿ã€ãŸã¨ãˆãã®å¾ŒåŒã˜ã‚»ãƒ¬ã‚¯ã‚¿
n2s 2014/05/16
å€‹äººçš„ã«æœ¬é¡Œã¯namespaceã®æ–¹

jQuery

event
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆé€Ÿåº¦ã¨onloadå†è€ƒ | ã‚†ã£ãã‚Šã¨â€¦
å˜ã«ã‚¦ã‚±ç‹™ã„ãªã‚‰ã€Œé©æ–°çš„ï¼GAã®ãƒšãƒ¼ã‚¸å¹³å‡èªã¿è¾¼ã¿æ™‚é–“ã‚’åŠ‡çš„ã«é€Ÿãã™ã‚‹æ–¹æ³•ã€ã¨ã‹ã€Œã‚‚ã†3rdãƒ‘ãƒ¼ãƒ†ã‚£ãƒ¼ã«é‚ªé”ã•ã›ãªã„ã€è¶…é«˜é€Ÿã‚¹ã‚¯ãƒªãƒ—ãƒˆèªã¿è¾¼ã¿è¡“ã€ï¼ˆç¬‘ï¼‰ã¨ã‹ã®ç…½ã‚Šã‚¿ã‚¤ãƒˆãƒ«ã‚’ä»˜ã‘ã‚‹ã¨ã“ã‚ã§ã™ãŒã€ä»Šå›žã¯ã‚‚ã£ã¨æœ¬è³ªçš„ãªã“ã¨ã‚’è«–ã˜ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§UXã‚’å‘ä¸Šã•ã›ã‚‹JSéžåŒæœŸèªã¿è¾¼ã¿ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ã§ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®èªã¿è¾¼ã¿ã¨å®Ÿè¡Œã‚’ window.onload å¯¾è±¡ã‹ã‚‰åˆ‡ã‚Šé›¢ã—ã€è¦‹ãŸç›®ã®ãƒšãƒ¼ã‚¸é€Ÿåº¦ã‚’é€Ÿãã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸã€‚ã“ã®æ–¹æ³•ã¯æ—¢å˜ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€Stoyan Stefanov ã«ã‚ˆã£ã¦ å®Ÿé¨“çš„ã«å®Ÿè£…ã•ã‚ŒãŸ Facebook SDK ã‹ã€è‡ªå‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã—ã‹é©ç”¨ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ä»Šå›žã€Hatena ã‚„ Twitterã€Pocketã€Disqus ãªã©ã€ä»–ã® 3rd ãƒ‘ãƒ¼ãƒ†ã‚£è£½ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã‚‚é©ç”¨ã§ãã‚‹æ–¹æ³• âˆ’ â€œé€²åŒ–
n2s 2013/09/23
javascript

DOM

event

!è¦ãƒã‚§ãƒƒã‚¯
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
n2s 2013/06/24
javascript

event

Opera
ãƒªãƒ³ã‚¯
è¦ç´ ãƒªã‚¹ãƒˆã‚’ãƒ«ãƒ¼ãƒ—ã§å›žã—ã¦ addEventListener ã™ã‚‹ã¿ãŸã„ãªã€ã‚ˆãã‚ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’æ–ç½ªã—ã¦ã¿ã‚‹ - hogehoge @teramako
function setButtonHandler () { var buttons = document.querySelectorAll(".hogeButton"); for (var i = 0, len = buttons.length; i < len; ++i) { (function(n) { buttons[i].addEventListener("click", function() { alert(n); }); }(i)); } } ã£ã¦æ„Ÿã˜ã®ã‚³ãƒ¼ãƒ‰ã£ã¦ã‚ã‚‹ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚JavaScript ã§é™¥ã‚ŠãŒã¡ãªè½ã¨ã—ç©´ã‚’è§£æ±ºã™ã‚‹ã¿ãŸã„ãªæ„Ÿã˜ã§ã€‚ ã§ã‚‚ã€ã“ã‚Œã£ã¦æœ¬å½“ã¯è‰¯ã„ã‚³ãƒ¼ãƒ‰ã˜ã‚ƒãªã„ã‚ˆãã€‚ (function(n) {.... }(i)) ãŒæ ¼å¥½ã‚ã‚‹ã„ã£ã¦ã„ã†ã‹ã€æ¯Žå›žå³æ™‚é–¢æ•°å®Ÿè¡Œã‹ã‚ˆã£ã¦ã„ã†ã click ã®ãƒãƒ³ãƒ‰ãƒ©ãƒ¼ã‚‚åŒã˜ã‚³ãƒ¼ãƒ‰ãªã®ã«ãƒ«ãƒ¼ãƒ—æ•°åˆ†ç”Ÿæˆã—ã¡ã‚ƒã£ã¦ã‚‹ã‚ˆããƒ¼
n2s 2013/06/18
addEventListeneræ™‚ã«æ¯Žå›žç„¡åé–¢æ•°ã‚’ä½œã£ã¡ã‚ƒã†ã¨ã“ã‚ã‚’dataset(data-*å±žæ€§)ã‚„ãƒãƒ–ãƒªãƒ³ã‚°ã§è§£æ¶ˆã€‚å¿˜ã‚ŒãŒã¡(è‡ªæˆ’)ã ã‘ã©ä½¿ã„ã“ãªã›ã‚‹ã¨å¼·åŠ› / ã‚ã¨ã¯handleEventä»˜ãObjectãŒã‚ã‚Œã°â€¦ã„ã‚„ã“ã‚Œã‚‚é–¢æ•°ã¯å…±æœ‰ã§ã‚‚Objectã¯æ¯Žå›žä½œã‚‹ã—â€¦

javascript

DOM

event

dataå±žæ€§
ãƒªãƒ³ã‚¯
ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã® this ã¨ event.target, +Î± - hogehoge @teramako
[JavaScript]for å†…ã§ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã¨ã‹ç™»éŒ²ã™ã‚‹ã¨ãã«ã‚„ã£ã¡ã‚ƒã„ãŒã¡ãªé–“é•ã„. ã¨ãã®å¯¾å‡¦æ³•ã‚’ï¼“ã¤ã»ã©. | TM Life å¯¾å¿œãã®ï¼’: event.targetã‚’ä½¿ã† ã¨ å¯¾å¿œãã®ï¼” : this ã‚’ä½¿ã† ã«ã¤ã„ã¦ ä¸Šè¨˜ã‚µã‚¤ãƒˆã§æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ãŒé–“é•ã£ã¦ã„ã‚‹ã¨ã„ã†ã‚ã‘ã˜ã‚ƒãªã„ã‚“ã ã‘ã©ã€å°‘ã—è£œè¶³ã—ãŸã„ã€‚ event.target ãã® Event ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¯ç™ºç«å…ƒã¨ãªã£ãŸè¦ç´ ã‚’ target ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ã—ã¦ä¿æŒã—ã¦ã„ã¾ã™. åˆã£ã¦ã„ã¾ã™ã€‚ ãŒã€on* ã‚„ addEventListener ã—ãŸè¦ç´ ã¨ target ã¯å¿…ãšã—ã‚‚ä¸€è‡´ã—ãªã„ç‚¹ã«ã¯æ³¨æ„ã—ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ <ul id="list"> <li>foo <b>hoge</b></li> <li>bar <b>hoge</b></li> </ul> var list = document.getElement
n2s 2013/06/02
javascript

DOM

event

!è¦ãƒã‚§ãƒƒã‚¯
ãƒªãƒ³ã‚¯
Operaã«ã¯onBeforeUnloadã‚¤ãƒ™ãƒ³ãƒˆãŒç„¡ã„ã‚‰ã—ã„ãƒ»ãƒ»ãƒ»HTML5ã«ç§»è¡Œã™ã‚‹ã¨ãã‚‚æ€ã„ã‚„ã‚‰ã‚Œã‚‹ã‚ˆã€‚ã¾ã£ãŸã(*_*)
æ—¥çµŒ14.06.08æœã€€èŠ¸è¡“ã¨ç§‘å¦ã®ã‚ã„ã ã€€ï¼‘ï¼—ã€€é¡æ–‡å—ã«è¾¼ã‚ãŸå¤©æ‰ã®æ€æƒ‘ã€€ç¦å²¡ä¼¸ä¸€ â€¦ãƒ€ãƒ»ãƒ“ãƒ³ãƒã®ç†ã®ç‰¹å¾´ã¯ã€ç·šãŒå·¦ä¸Šã‹ã‚‰æ–œã‚å³ä¸‹ã¸ã¨æµã‚Œã¦ã„ã‚‹ã“ã¨ã§ã‚ã‚‹ã€‚ã“ã‚Œã¯å½¼ãŒå·¦åˆ©ãã ã£ãŸã‹ã‚‰ã‚‰ã—ã„ã€‚ ã‚‚ã†ä¸€ã¤ã®éš›ç«‹ã£ãŸç‰¹å¾´ã¯ã€æ–‡å—ãŒã™ã¹ã¦é¡æ–‡å—ã€å·¦å³åè»¢ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ã â€¦ ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã‚’ç›—ã¾ã‚Œãªã„ã‚ˆã†æš—å·åŒ–ã—ãŸã®ã ã¨ã„ã†èª¬ãŒã‚ã‚‹ãŒã€æš—å·ã«ã—ã¦ã¯ç°¡å˜ã«è§£èªã•ã‚Œã¦ã—ã¾ã†â€¦ ãƒ€ãƒ»ãƒ“ãƒ³ãƒã¯å¤©æ‰ã§ã‚ã‚Šå®Œç’§ä¸»ç¾©è€…ã§ã‚ã‚‹ã¨åŒæ™‚ã«ã€å¤§ã„ãªã‚‹å±±ã£æ°—ã‚’æŒã£ãŸäººç‰©ã§ã‚‚ã‚ã£ãŸã€‚ ã„ã¤ã‚‚è‡ªåˆ†ã‚’å£²ã‚Šè¾¼ã‚€ã“ã¨ã€ãƒ—ãƒ©ãƒ³ã‚„ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã‚’åºƒã‚ã‚‹ã“ã¨ã‚’è€ƒãˆã¦ã„ãŸã€‚ãã®ãŸã‚ã«ã¯ä½•ãŒå¿…è¦ã‹ã€‚ãƒžã‚¹ãƒ¡ãƒ‡ã‚£ã‚¢ã§ã‚ã‚‹ã€‚ ãƒ€ãƒ»ãƒ“ãƒ³ãƒã®é¡æ–‡å—ã¯è‡ªåˆ†ã®åŽŸç¨¿ã‚’ã„ã¤ã®æ—¥ã‹æ´»ç‰ˆå°åˆ·ã™ã‚‹ãŸã‚ã«æ„å›³ã•ã‚ŒãŸå‘¨åˆ°ãªæº–å‚™ã ã£ãŸã®ã§ã¯ãªã‹ã£ãŸã‹ã€‚ æ—¥çµŒè¨˜äº‹ã‚ˆã‚Š ãƒ¬ã‚ªãƒŠãƒ«ãƒ‰ãƒ»ãƒ€ãƒ»ãƒ“ãƒ³ãƒã¯éŽåŽ»ã®äººç‰©ã®ä¸ã§æœ€ã‚‚å°Šæ•¬ã™ã‚‹äººç‰©ã ã€‚å½¼ã¯æœ¬å½“ã«ä½•ã§ã‚‚å‡ºæ¥ãŸã€‚èŠ¸è¡“ã‚‚ã€ç§‘å¦ã‚‚ã€å·¥å¦ã‚‚ã€‚
n2s 2013/05/05
çµå±€12ç³»ã§ã‚‚å®Ÿè£…ã•ã‚Œã‚‹ã“ã¨ã¯ãªã‹ã£ãŸâ€¦orz

Opera

event
ãƒªãƒ³ã‚¯
HTML / DOM ã«ãŠã‘ã‚‹ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚¤ãƒ™ãƒ³ãƒˆå‘¨ã‚Šã®è©± - ã²ã ã¾ã‚Šã‚½ã‚±ãƒƒãƒˆã¯å£Šã‚Œãªã„
æœ€è¿‘ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®å®Ÿè£…ã‚’ã—ã‚ˆã†ã¨æ€ã£ã¦ã‚ãƒ¼å…¥åŠ›ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆå‘¨ã‚Šã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸã®ã ã‘ã‚Œã©ã€æ—¥æœ¬èªžã§ã¾ã¨ã¾ã£ãŸæƒ…å ±ãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®å®Ÿè£…ã«å¿…è¦ãã†ãªå†…å®¹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã†ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã«é™ã‚‰ãšã€ã‚ãƒ¼å…¥åŠ›ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆå‘¨ã‚Šã®ä½•ã‹ã‚’ã™ã‚‹å ´åˆã«ã¯å‚è€ƒã«ãªã‚‹ã¨æ€ã†ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€DOM 3 Events spec ã® 2012-09-06 ã®ç‰ˆã‚’å‚ç…§ã—ã¦ãŠã‚Šã€å°†æ¥ã®ç‰ˆã§ã¯å¤‰æ›´ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ æœ€æ–°ã®ç‰ˆã¯ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ç¢ºèªã®ã“ã¨ã€‚ Document Object Model (DOM) Level 3 Events Specification (DOM 3 Events spec ã®æœ€æ–°å®‰å®šæ¿) keydown ã‚¤ãƒ™ãƒ³ãƒˆã€keypress ã‚¤ãƒ™ãƒ³ãƒˆã€keyup ã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦ keydown ã‚¤ãƒ™ãƒ³ãƒˆ ã¯ã€ã‚ãƒ¼ãŒæŠ¼ã•ã‚ŒãŸ
n2s 2013/03/25
javascript

DOM

event
ãƒªãƒ³ã‚¯
addEventListener()ã®ç¬¬ï¼“å¼•æ•°ã®æ„å‘³ã¨ã‹ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã™ã‚‹ç‚ºã®ãƒ¡ãƒ¢ - ä»Šæ—¥ã‚‚ã‚¹ãƒŸãƒžã‚»ãƒ³ã€‚
Webä¸Šã§UIã‚’ãƒžã‚¸ãƒ¡ã«ä½œã‚ã†ã¨ã™ã‚‹ã¨ã‚¤ãƒ™ãƒ³ãƒˆã®ä»•çµ„ã¿ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã—ã¦ãŠãå¿…è¦ãŒã‚ã‚‹ã€‚ jQueryã¨ã‹ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¤ã‹ãˆã°ã‚ã‚‹ç¨‹åº¦ç°¡å˜ã«ã§ãã‚‹ã‚“ã ã‚ã†ã‘ã©ã€ã„ã‚ã„ã‚åˆ¶ç´„ã‚ã£ã¦ãã‚Œã‚‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä½¿ãˆãªã„å ´åˆã‚‚ã‚ã‚‹ã®ã§ã€ã¡ã‚ƒã‚“ã¨ç†è§£ã™ã‚‹ãŸã‚ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã€‚ ã‚¤ãƒ™ãƒ³ãƒˆä¼æ’ã®é †ç•ª W3Cã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«åˆ†ã‹ã‚Šã‚„ã™ã„å›³ãŒã‚ã£ãŸã®ã§å¼•ç”¨ã™ã‚‹ã€‚ The capture phase: the event is dispatched to the target's ancestors from the root of the tree to the direct parent of the target node. The target phase: the event is dispatched to the target node. The bubbling phase: the event
n2s 2013/03/25
javascript

event

event_capture
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸