风格注入Javascript事件

Question

Livereload，Codekit，Mixture等中的Styleinjection很酷！ 但有没有办法在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');

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