样式注入Javascript事件

Style injection Javascript event

本文关键字：事件 Javascript 注入 样式      更新时间：2023-09-26

Livereload、Codekit、Mixel等中的样式注入很酷！但是，有没有一种方法可以在Javascript中听它呢？

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

如果样式被插入HEAD标记中，您可以使用MutationObserver来侦听对DOM的任何更改，并过滤掉非种子的更改。您可以监听整个文档，但性能可能会很快下降，所以如果您可以不监听HEAD元素，那将是最好的。

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

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

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

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

相关文章：