mutation-observers

    3热度

    1回答

    我一直在使用一个名为tree-mirror.js的开源库,它使用mutation-summary.js来完成DOM镜像。 一切都很好,但iframes。当主文档包含iframe时,在iframe中文档的dom变化不会被这些库捕获。通过阅读tree-mirror.js的代码,我可以发现,它将突变观察者绑定到主文档,但不知道是否可以自动处理iframe文档。 我不确定这是不是由图书馆支持或我失去了一些

    1热度

    1回答

    我有一个<img>元素,它的src是动态更改的。当发生变化时,MutationObserver被触发并记录MutationRecord。问题是,当我尝试访问MutationRecord中的数据时,它给了我旧数据。 例如: 这是原始img元件。 <img src="#" /> JS MutationObserver = window.MutationObserver || window.WebK

    3热度

    1回答

    我正在使用GeckoFx来执行登录到特定网站。如果登录失败(或需要额外的身份验证,如ReCaptcha),该网站会使用新信息编辑页面。不幸的是,当页面更新时访问一个事件是至关重要的。我已经试过许多方法主要 连连检查,如果uri还是在每次登录尝试,问题中的特定元素在随后的检查一样(看是否display: none性质发生了变化。(这导致因为它似乎GeckoFx一个无限循环更新页面的非阻塞的方式,导致

    0热度

    1回答

    Codepen here。 HTML: <input placeholder="HRM"/> JavaScript的: let input = document.querySelector('input') let observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => {

    7热度

    3回答

    我正在创建一个Chrome扩展并尝试在gMail撰写框的SEND按钮旁包含一个小文本。 我正在使用MutationObserver来了解组合框窗口何时出现。我通过观察类no中的元素来完成此操作,因为组合框元素是作为此元素的子元素(类no)创建的。 当用户点击撰写按钮并出现撰写框窗口时,我使用.after()方法在发送按钮旁边放置一个元素。发送按钮类名称是.gU.Up。 这些是真正的gMail类名,

    3热度

    1回答

    如何将我的突变观察者从其回调函数断开?正在观察这些变化,因为他们应该这样做,但我想在第一次变更后断开观察者。由于观察者变量超出了范围,因此它不会像应该那样断开连接。我如何将观察者变量传递给回调函数,以便代码可以工作? function mutate(mutations) { mutations.forEach(function(mutation) { if (mutat

    0热度

    1回答

    如何实现突变观察者的计数器,以限制它在断开之前监视的更改次数?在我包括的小提琴中,想法是一旦var数大于1,观察者应该断开连接。但是因为变量每次调用观察者处理程序都会重置,所以它不起作用。我怎样才能实现我想要做的事情? function mutate(mutations, observer) { \t var count = 0; \t console.log('\nThe follo

    3热度

    1回答

    在jQuery中有.on()它可以作为: $(document).on('click', '.foo', function() { /* ... */ }); 这侦听与类.foo所有DOM元素点击事件。 然而,这也侦听添加到DOM后任何可能的元素,所以它不等于: var elements = document.getElementsByClassName('foo'); for (var e

    0热度

    1回答

    我正在使用MutationObserver来跟踪对DOM的更改,此时代码正常工作,但我需要为该事件添加时间戳。似乎没有成为一个timestamp属性关闭MutationRecord https://developer.mozilla.org/en/docs/Web/API/MutationObserver 我在MutationRecord的__proto__先后钻,找不到了。我怎样才能得到活动创建

    11热度

    1回答

    我已经创建了一个包含聚合物的自定义Web组件,该文件包装文本并略微改变它(在此概念证明中转换为大写)。 元素本身对静态内容工作正常。但是,当内容被动态绑定时,组件无法显示内容。 例如: <my-wrapper>Hello, World!</my-wrapper> <!-- Works --> <my-wrapper>[[someText]]</my-wrapper> <!-- Doesn't w