javascript - 样式注入 Javascript 事件

Question

Livereload、Codekit、Mixture 等中的样式注入很酷！但是有没有办法在 Javascript 中监听它？

每当注入新的 CSS 时，我都想运行一个 js 函数。

Answer 1

如果样式被插入到 HEAD 标记中，您可以使用 MutationObservers 来侦听对 DOM 的任何更改并过滤掉未修改的更改。您可以收听整个文档，但性能会迅速下降，因此如果您可以侥幸收听 HEAD 元素，那将是最好的。

来源：https ://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Answer 2

您可以构建一个包装器，如下所示：

$.fn.cssEvent = function (what, value) {
  $(this).css(what, value).trigger('styleChanged', [what, value]);
};

$('.element').cssEvent('color', 'black');

我现在意识到我完全误解了这个问题......