Skip to content

Latest commit

 

History

History
49 lines (34 loc) · 1.25 KB

README.md

File metadata and controls

49 lines (34 loc) · 1.25 KB
Raw

SelectorObserver.js

Monitor elements by CSS selector

Usage

import {SelectorObserver} from '../SelectorObserver.js';
new SelectorObserver({
    on: el => el.innerHTML = 'found!' ,
    off: el => el.innerHTML = 'lost!' ,
}).observe('#SOTargets div');
<div class=container id=SOTargets contenteditable>
    Find all bold divs (press enter)
</div>

doc

Install

import * as module from "https://cdn.jsdelivr.net/gh/u1ui/[email protected]/SelectorObserver.min.js"

Demos

minimal.html
test.html
tests.html

Options - "checkAnimation" (beta)

o.observer('.el', {checkAnimation: true});

Like this, you can event watch selectors like .el:has(img:hover) > tr:nth-child(2)
Trigger only on and not off right now. -->

About

  • MIT License, Copyright (c) 2022 (like all repositories in this organization)
  • Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥