darkwiiplayer/js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add mutation observer to BetterHTMLElement

Browse source
This commit is contained in:
Talia 2021-05-22 14:58:07 +02:00
parent 0448cd2742
commit be31d1fd44
No known key found for this signature in database
GPG key ID: AD727AD22802D0D6
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
BetterHTMLElement.js
View file

@ -1,4 +1,18 @@
export class BetterHTMLElement extends HTMLElement { export class BetterHTMLElement extends HTMLElement {
#observer
constructor() {
super()
let object = this
this.#observer = new MutationObserver((list, observer) => {
list.forEach(m => {
m.target.dispatchEvent(new CustomEvent("mutation", {bubbles: true, detail: m, cancelable: true}))
})
})
}
observe(options) {
if (this.#observer) this.#observer.observe(this, options)
}
attributeChangedCallback(attr, old, value) { attributeChangedCallback(attr, old, value) {
let name = attr.replace(/-([a-z])/, (_, l) => l.toUpperCase()) let name = attr.replace(/-([a-z])/, (_, l) => l.toUpperCase())
if (name+"Changed" in this) this[name+"Changed"](value, old) if (name+"Changed" in this) this[name+"Changed"](value, old)