概览
我们在编写 Tampermonkey 脚本的时候,经常会碰到需要在指定元素存在时再执行脚本的情况。
此时,我们可以使用 @Brock 提供的 waitForKeyElements
方法来监听指定元素的出现。
如何使用
使用前,我们需要在顶部加载 jQuery 与 waitForKeyElements
脚本。
// @require https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js
并且我们通过 配置注释 指定全局变量,以便适配 ESLint 的规则。
/* global $, waitForKeyElements */
配置完毕后我们就可以在脚本任意处使用 waitForKeyElements
方法了。
举一个使用的 🌰:页面上会在用户经过一系列操作之后显示 .example
元素,我们需要在 .example
元素显示之后做一些处理。此时,我们可以这么写
(function () {
waitForKeyElements('.example', ($content) => {
// _(:з」∠)_ 处理代码
});
})();