有没有可以在 webkit 中使用 DOMAttrModified 的替代方案

2023-11-24

我需要利用这个 DOM 事件。 IE 有 onpropertychange,它也可以完成我需要它做的事情。然而,Webkit 似乎不支持此事件。我可以使用其他替代方案吗?


虽然 Chrome 不调度DOMAttrModified事件,自 2011 年以来支持更轻量级的突变观察者,这些观察者也适用于属性更改。

以下是文档正文的示例:

var element = document.body, bubbles = false;

var observer = new WebKitMutationObserver(function (mutations) {
  mutations.forEach(attrModified);
});
observer.observe(element, { attributes: true, subtree: bubbles });

function attrModified(mutation) {
  var name = mutation.attributeName,
    newValue = mutation.target.getAttribute(name),
    oldValue = mutation.oldValue;

  console.log(name, newValue, oldValue);
}

对于简单的属性更改,console.log语句将打印:

<body color="black">
<script type="text/html">
document.body.setAttribute("color", "red");
</script>
</body>

Console:

> color red black

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有可以在 webkit 中使用 DOMAttrModified 的替代方案 的相关文章

  • 使用普通的旧 JS 动态渲染 DOM 元素的好方法是什么?

    我面临的挑战是使用普通的旧 Javascript 构建一个单页应用程序 不允许使用任何库或框架 虽然在 React 和 Angular 中创建动态 DOM 元素相当简单 但我提出的普通 JS 解决方案似乎很笨重 我想知道是否有一种特别更简洁
  • Chrome 正在吞噬我的第一个内心
    ——为什么?

    感谢 ASP NET 我开始了解摆脱 标记内的 标记的复杂性 我设置了一个我认为是不起作用的简单 DOM
  • Shadow DOM,使用它的目的

    我最近研究了 Shadow DOM 我想知道使用它而不是主要目的是什么 它能带来什么 为什么我们不使用标准 DOM 来代替它 样式范围除外 它允许您封装功能 有效地将其放入黑匣子中 这意味着您可以创建内部工作原理不公开的 可重用 组件 使用
  • PHP nodeValue 剥离 html 标签 -innerHTML 替代方案?

    我正在将以下脚本用于轻量级 DOM 编辑器 然而 nodeValue in my for循环正在将我的 html 标签转换为纯文本 PHP 的替代品是什么nodeValue这会维护我的innerHTML吗 page POST page js
  • 如何将文本附加到 div 元素?

    我正在使用 AJAX 将数据附加到 div 元素 我在其中填充 div 来自 JavaScript 如何将新数据附加到 div 而不丢失之前找到的数据 尝试这个 var div document getElementById divID d
  • Angular 2 Component - 访问 DOM(或创建没有模板的组件,纯粹来自 JS)

    尝试在这里使用 Angular 2 了解它仍处于 alpha 阶段 如何从组件访问 DOM 元素 具体来说 我想使用其他库 例如d3 http d3js org 从代码生成自定义 DOM 我想我需要创建一个组件并以某种方式插入组件生命周期以
  • 使用其innerHTML查找元素

    请看一下这个 DOM 树 div div span Home1 span div span Home2 span span Home3 span div 现在假设我有一个场景 我以某种方式获得了第一个跨度的innerHTMLHome1 是否
  • 检测具有特定 ID 的元素何时插入 DOM 中的最有效方法是什么

    正如标题所示 我想检测当具有特定 id 或 CSS 类的元素插入 DOM 时的确切时间戳 并可能检测它何时被删除 最明显的方法是定期轮询文档 通过调用document getElementById使用我想要查找的元素的 id 但此方法不是很
  • 如何比较jquery中的两个元素[重复]

    这个问题在这里已经有答案了 var a start gt div last child var b start gt div live 0 alert a b alert a b 它总是假的 如何在 jQuery 中比较两个元素 thank
  • 更改元素的顺序

    我正在创建一个浮动宽度的网站 用户在智能手机上使用从全高清分辨率到约 600 像素的屏幕 这似乎是一个不错的主意 这就带来了一个非常有趣的问题 当用户使用比最佳分辨率更小的分辨率时 页面的高度会增加很多 这意味着更改某些元素 例如某些图像
  • 如何使用 JavaScript 创建链接?

    我有一个标题字符串和一个链接字符串 我不知道如何将两者放在一起以使用 JavaScript 在页面上创建链接 任何帮助表示赞赏 我试图解决这个问题的原因是因为我有一个 RSS 源并且有一个标题和 URL 列表 我想将标题链接到 URL 以使
  • 用纯JS检查元素是否有背景图片?

    检查特定元素是否具有的正确方法是什么background image与它相关联 在纯Javascript中 现在我有这个 var elementComputedStyle window getComputedStyle element va
  • DOM 元素宽度可以是非整数吗?

    我有一个页面 其 div 元素由 JavaScript 对齐 JavaScript 只是检查一组 div 元素来查找最大值偏移宽度 然后设置所有 div 元素 width成为最大偏移宽度 它在大多数浏览器和区域设置中都能完美运行 但在 Ma
  • 主干视图 DOM 元素已删除

    我一直在阅读有关 Backbone js 僵尸 或内存泄漏 问题的信息 基本上 当您不再需要该元素时 您必须从 DOM 中解除绑定并删除该元素 以确保所有事件也被删除 现在 我有一个包含几个容器的单页应用程序 div div div div
  • iOS 5 中的 webkit-overflow-scrolling: touch "handle" 是否有外观 CSS 规则?

    我有一个元素恰好同时具有 webkit overflow scrolling touch 和 background color black 因此显示滚动位置的 手柄 很难看到 是否有 webkit CSS 样式规则可以改变该 手柄 的外观
  • 在移动浏览器上自动播放视频元素

    我读到自动播放是不可能的 或者不建议在 iOS 和 Android 上进行 更多信息请参见 移动设备 Android Chrome 和 Firefox 上的 iframe HTML5 播放器无法自动播放 https stackoverflo
  • 使用jquery替换脚本src未执行

    我想动态替换脚本的源 URL 以加快开发阶段的速度 因此没有实际的生产使用 这种替换对于 CSS 或图像效果很好 但很难让它与 javascript src 一起工作 该脚本似乎没有执行 尽管是通过 src 加载的 这是我所做的 retur
  • 创建 DOMElement Objective C 的位图

    我有一个 Webkit DOMElement 例如一个 div 现在我想要它的渲染 NSImage 或 NSBitmapImageRep 它就像 DOMElement 的屏幕截图 公共 API 选择 NSView cacheDisplayI
  • 在 iOS safari 中禁用选择上下文菜单

    我想禁用在 iOS Safari 网络浏览器 中选择特定文本后出现的默认上下文菜单 那可能吗 这是可能的 请参阅这个例子 http jsfiddle net z9ZNU 基本上 重要的部分是设置正确的 css 属性 body webkit
  • 是否可以在Windows应用商店应用程序中使用Chromium嵌入式框架(CEF)[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 如何将 Chromium 嵌入式框架 CEF 集成到 Windows 应用商店 Metro 风格 应用

随机推荐

  • Angular Material mat-table 定义组件中可重用的列

    有人知道是否可以创建一个与 mat table 一起使用的 列 组件 我尝试为常用的列定义创建一个组件 但是在添加到表时出现错误 无法找到列选择器 我的列定义如下 Component selector iam select column t
  • 在 python 3.5 中模拟异步调用

    如何使用以下命令模拟从一个本机协程到另一个协程的异步调用unittest mock patch 我目前有一个相当尴尬的解决方案 class CoroutineMock MagicMock def await self args kwargs
  • 制作适合打印的 ASP.NET 页面的最佳方法?

    我只是好奇大多数人如何使他们的 ASP NET 页面适合打印 您是否使用 CSS 或其他内容创建单独的适合打印的 ASPX 页面版本 您如何处理分页符和宽表等情况 是否有一种适用于大多数情况的优雅解决方案 您基本上可以创建另一个 CSS 文
  • 温莎城堡的多接口注入

    当容器中有多个实现时 如何让温莎城堡在运行时选择正确的接口植入 例如 假设我有一个名为 IExamCalc 的简单界面 它可以通过计算来了解某人在该考试中的表现 不 我们有几种实现方式 如下所示 public interface IExam
  • 如何将Appium与C#集成?

    我找不到一篇可以在 C 中使用 appium 自动化移动测试的帖子 我已经在规范流中编写了我的网站自动化代码 我也可以重复使用它吗 Appium 提供了dotnet appium 驱动程序这是与 Appium 交互的 API 您可以使用它来
  • .svg url 到 UIImage iOS

    我从服务器获取 svg 网址 如何将 NSData 从 svg url 转换为 UIImage 我得到的网址类似于 https storage googleapis com pgcdn ca svg lock svg 我正在使用这段代码 N
  • Zend 框架用户身份验证与 Twitter 和 Facebook 集成

    是否有基于 ZF 的脚本 支持普通用户注册 登录系统 以及通过 Twitter 和 Facebook 进行用户身份验证 看一下Zend Framework 1 11 中的 OpenID Facebook 和 Twitter 身份验证示例 不
  • 如何定义“类型析取”(联合类型)?

    一种方法有被建议处理重载方法的双重定义就是用模式匹配代替重载 object Bar def foo xs Any xs foreach case String gt println str case Int gt println int c
  • C# 在 AD 中链接组策略

    如何在AD中设置组策略 我可以创建我的 OU 但我还需要附加链接到它的组策略 这就是我到目前为止所拥有的 string strOU OU test454545 OU Clients OU Clients DC domain DC net G
  • Jquery 树形图 [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我正在寻找可以执行以下任务的 javascript 或 jquery 解决方案 1 Dynamically generate tree hierarchy structure o
  • .NET 中的 SetForegroundWindow 问题

    我在 NET 中使用 PInvoke 使用 SetForegroundWindow API 当我在 Visual Studio 中调试时使用 API 时 它工作得很好 但当应用程序正常运行时 它并不总是有效 我在调用 SetForegrou
  • Java中final字段的继承?

    当超类有一个标记为 Final 的字段 但子类覆盖 隐藏 该字段时 会发生什么 最终 并不能阻止这一切 不是吗 我正在研究的具体示例是一个 Building 类 不同类型的建筑物继承自该类 除其他外 每种类型的成本对于每个子类来说应该是最终
  • 使用自定义注释进行组件扫描

    我正在使用 Maven 依赖项将 Spring Boot 项目作为另一个 Spring Boot 应用程序中的 jar 使用 仅当我从微服务启用自定义注释时 我才想对 jar 进行组件扫描 SpringBootApplication Com
  • Javascript:滚动时从一个div滚动到另一个div?

    我希望能够在向下滚动时直接转到下一个 div 在向上滚动时直接转到上一个 div 这是我的文件 其中包含两个 div 的示例 document ready function var lastScrollTop 0 function find
  • 有没有一个python json库可以将json转换为模型对象,类似于google-gson? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 标准的python json模块只能将json字符串转换为dict结构 但我更喜欢将 json 转换为具有 父子 关系的模型对象结构 我在 Andr
  • R 中没有替换或重复的示例

    我有一个很长的列表 其中包含相当多的重复项 例如 100 000 个值 其中 20 是重复项 我想从这个列表中随机抽样 将所有值分组 比如 400 个 但是 我不希望任何后续组中包含重复的值 即我希望每个组的所有 250 个成员都是唯一的
  • 我应该 Dispose() DataSet 和 DataTable 吗?

    DataSet 和 DataTable 都实现了 IDisposable 因此 根据传统的最佳实践 我应该调用它们的 Dispose 方法 然而 从我到目前为止所读到的内容来看 DataSet 和 DataTable 实际上没有任何非托管资
  • “Pyuic4”不被识别为内部外部命令

    我尝试使用 Pyuic 编译 ui 文件 但我无法让它工作 每次我尝试使用该命令时 pyuic4 o OutFile ui py InFile ui 它只是给了我这个错误 C Windows system32 gt pyuic4 pyuic
  • 从 Auto.arima 到 R 中的预测

    我不太明白如何的语法forecast 应用外部回归量library forecast in R 我的身材是这样的 fit lt auto arima Y xreg factors where Y is a timeSeries对象 100
  • 有没有可以在 webkit 中使用 DOMAttrModified 的替代方案

    我需要利用这个 DOM 事件 IE 有 onpropertychange 它也可以完成我需要它做的事情 然而 Webkit 似乎不支持此事件 我可以使用其他替代方案吗 虽然 Chrome 不调度DOMAttrModified事件 自 201