[B! DOM Level2 MutationEvents] monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

monjudoh id:monjudoh

DOM Level2 MutationEventsã«é–¢ã™ã‚‹monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

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

event

DOM Level2 MutationEvents
ãƒªãƒ³ã‚¯
Mutation Event ã¯ã€è–¬ã«ã‚‚æ¯’ã«ã‚‚ãªã‚‹ã‹ã‚‰æ°—ã‚’ã¤ã‘ã¦ - latest log
jQuery1.3Î² ã¿ãŸ(jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã˜ã‚ã«è¦‹ãŸã®ã¯ã€ã“ã‚ŒãŒåˆã‚ã¦ã‹ã‚‚) æ¯”è¼ƒæ¼”ç®—å(==)ãŒåŽ³å¯†æ¯”è¼ƒæ¼”ç®—å(===)ã« jQuery ã® CSSã‚»ãƒ¬ã‚¯ã‚¿ãŒã€Sizzle 0.9 ã«ãªã£ãŸã€‚ ä»¥å‰ã® Sizzle ã«å˜åœ¨ã—ãŸâ€œFirefox,Operaã§ã‚¯ã‚¨ãƒªçµæžœã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹æ©Ÿèƒ½â€ãŒã€Sizzle 0.9 ã‹ã‚‰ã¯ã‚«ãƒƒãƒˆã•ã‚Œã¦ã‚‹ã€‚ Sizzle 0.9 ã‹ã‚‰ ã‚ãƒ£ãƒƒã‚·ãƒ¥æ©Ÿèƒ½ ãŒæ¶ˆãˆãŸã‚ã‘ã‚’æƒ³åƒã—ã¦ã¿ã‚‹ CSSã‚»ãƒ¬ã‚¯ã‚¿ã®çµæžœã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹æ–¹æ³•ã®ä¸€ã¤ã«ã€Mutation Event ãŒã‚ã‚‹ã€‚ document.addEventListener("DOMSubtreeModified") ã£ã¦ã‚„ã‚‹ã¨ã€DOMãƒ„ãƒªãƒ¼ã®å…¨ã¦ã®æ”¹å¤‰ã‚’ãƒ•ãƒƒã‚¯ã—ã¦ãã‚Œã‚‹ã€‚ ã¡ã‚‡ã£ã¨å‰ã® Sizzle ã¯ã€"DOMNodeInserted", "DOMNodeRemoved", "DOMAttrModifi
monjudoh 2008/12/29
ã€Žãƒ‰ãƒ¼ãƒ”ãƒ³ã‚°æ¢ã‚ã‚‹ã¨ã€Sizzle ã‚„ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é€Ÿåº¦ã§ã‚‚ç²¾åº¦ã§ã‚‚å…¨ãå‹ã¦ã¦ãªã„ã€

JavaScript

uupaa.js

jQuery

CSSã‚»ãƒ¬ã‚¯ã‚¿

Sizzle

DOM Level2 MutationEvents

èªã¿ç‰©

event
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é–‹ç™ºã‹ã‚‰å¾—ã‚‰ã‚ŒãŸãƒŽã‚¦ãƒã‚¦ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ + IE8ã§ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ãƒ•ãƒƒã‚¯ã™ã‚‹(HTMLElementãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°) - latest log
ã“ã“æ•°æ—¥ã¯ã€CSSã‚»ãƒ¬ã‚¯ã‚¿(uupaa-selector.js)ã®é«˜é€ŸåŒ–ã¨åŒæ™‚ã«ã€DOM Level2 Mutation Events ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹å°ã•ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒª(uupaa-mutationevent.js)ã‚’ä½œã£ã¦ã„ã¾ã—ãŸã€‚ uupaa-mutationevent.js ã¯ã€ CSSã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’å°Žå…¥ã™ã‚‹ãªã‚‰ã€DOMãƒ„ãƒªãƒ¼ã®æ”¹å¤‰ã‚’çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚‹ IE ã«ã¯ Mutation Events ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®åŸºç¤ŽãŒãã‚‚ãã‚‚ç„¡ã„ã®ã§ã€ãã‚Œã‚‰ã‚’å…¥ã‚Œè¾¼ã‚“ã ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã—ã¾ãŠã†ã‹ ã¨ã„ã£ãŸå‹•æ©Ÿä»˜ã‘ã‹ã‚‰ä½œæˆãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã‚‰ã‚’ä½œæˆã™ã‚‹éŽç¨‹ã§å¾—ã‚‰ã‚ŒãŸãƒŽã‚¦ãƒã‚¦ã‚’ã€ä»Šæ—¥ã¯ ã‚€ãŽã‚…ã£ã¨ç¸®ã‚ã¦ãŠå±Šã‘ã—ã¾ã™ã€‚ HTMLElement ã«ã‚ªãƒ¬ã‚ªãƒ¬ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã™ã‚‹ IE8 ã«ã¯ HTMLElement ã‚„ Node ã‚’æ”¹å¤‰ã§ãã‚‹ä»•çµ„ã¿ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ constructor ãŒè¿½åŠ ã•ã‚Œ
monjudoh 2008/12/23
JavaScript

CSS

DOM Level2 MutationEvents

IE8

event
ãƒªãƒ³ã‚¯
uupaa-mutationevent.js - README
Installation - å°Žå…¥æ–¹æ³• uupaa-mutationevent.js is a package of a part of the function of uupaa.js. uupaa-detect.js is necessary. uupaa-mutationevent.js ã¯ uupaa.js ã®æ©Ÿèƒ½ã®ä¸€éƒ¨ã‚’ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã—ãŸã‚‚ã®ã§ã™ã€‚uupaa-detect.js ãŒ å¿…è¦ã§ã™ã€‚ <head> <script type="text/javascript" src="uupaa-detect.js"></script> <script type="text/javascript" src="uupaa-mutationevent.js"></script> </head>
monjudoh 2008/12/20
Webkitç³»ã¯Nodeã®insertãƒ»removeä»¥å¤–æ¤œçŸ¥å‡ºæ¥ãªã„ã‹ãƒ¼

JavaScript

library

uupaa.js

event

DOM

DOM Level2 MutationEvents

è³‡æ–™
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ãŒãƒˆãƒ¼ã‚¿ãƒ«ã§100å€é€Ÿããªã£ãŸã‹ã‚‰ãã‚ãã‚çµ‚ã‚ã‚Š - latest log
function _fakeMutationEvents(elm) { elm.style.behavior = "none"; (function(n) { var fn = n.removeChild; n.removeChild = function(oldChild) { // DOMNodeRemoved uuClass.Selector.clearCache(); return fn(oldChild); } })(elm); elm.attachEvent("onpropertychange", uuClass.Selector.clearCache); // DOMAttrModified uuClass.Selector.clearCache(); // DOMNodeInserted } window.onload = function() { document.cre
monjudoh 2008/12/18
JavaScript

uupaa.js

DOM

DOM Level2 MutationEvents

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

event
ãƒªãƒ³ã‚¯
DOMNodeInserted ã¨ DOMNodeRemoved ã«ä¼¼ãŸä»•çµ„ã¿ã‚’ IE ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®å®Ÿè¡Œçµæžœã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ - latest log
ã‚»ãƒ¬ã‚¯ã‚¿(id, tag, class, css, xpath)ã®å®Ÿè¡Œé€Ÿåº¦ã‚’æ”¹å–„ã™ã‚‹ã«ã¯ã€2ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ãƒã‚¸ãƒƒã‚¯ã‚’æ”¹å–„ã™ã‚‹ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½¿ã† ä»Šæ—¥ã¯2ã®æ–¹æ³•ã«ã¤ã„ã¦æ¤œè¨Žã—ãŸã“ã¨ã‚’æ›¸ãæ®‹ã—ã¾ã™ã€‚ å¿ƒé…äº‹ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½¿ã†ä¸Šã§ã®å¿ƒé…äº‹ã¯ã€Œã‚ãƒ£ãƒƒã‚·ãƒ¥ãŒå¤ããªã£ãŸã‚‰ã©ã†ã™ã‚‹ã‹ã€ãã‚Œã‚’ã©ã†ã‚„ã£ã¦çŸ¥ã‚‹ã‹?ã€ã§ã™ã€‚ å¤ããªã£ãŸã‚ãƒ£ãƒƒã‚·ãƒ¥ã¯ã‚¯ãƒªã‚¢ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ DOM Level2 MutationEvents ã‚’ä½¿ã†ã¨ã€ãƒŽãƒ¼ãƒ‰ã®æŒ¿å…¥, å‰Šé™¤ã¨ã€å±žæ€§ã®æ›´æ–° ã‚’å–å¾—ã§ãã‚‹ DOM Level2 MutationEvents ã¨ã„ã†ä»•æ§˜ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã‚’æ´»ç”¨ã™ã‚‹ã¨DOMãƒ„ãƒªãƒ¼ãŒæ›´æ–°ã•ã‚ŒãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’ç›£è¦–ã§ãã¾ã™ã€‚ DOMNodeInserted ã¯ ãƒŽãƒ¼ãƒ‰ã®æŒ¿å…¥, DOMNodeRemoved ã¯ ãƒŽãƒ¼ãƒ‰ã®å‰Šé™¤, DOMAttrModified ã¯ å±žæ€§ã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ å„ãƒ–ãƒ©ã‚¦ã‚¶
monjudoh 2008/12/18
querySelectorAllãŒãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã®å ´åˆã€ã”ã‚Šã”ã‚ŠDOMãƒ„ãƒªãƒ¼ã‚’æ“ä½œã—ãŸçµæžœã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã€å¤‰æ›´ã•ã‚ŒãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ç ´æ£„ã¿ãŸã„ãªè©±ã€‚

JavaScript

uupaa.js

DOM

DOM Level2 MutationEvents

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

event
ãƒªãƒ³ã‚¯
1