observabledomevent v1.0.8

Install

npm install observabledomevent -S

or

yarn add observabledomevent

Use

import { ObservableDomEvent } from 'observabledomevent';

React

 const echartsRef = useRef(null)
 <div ref = { echartsRef }></div>

const instance = new ObservableDomEvent(echartsRef);
instance.$on('resize',()=>{
    handle code...
})
or
instance.$on(['resize','click','mouseenter'],()=>{
    handle code...
})

instance.$off('resize',()=>{
    handle code...
})

instance.$off(['resize'],()=>{
    handle code...
})
instance.$off(['resize','click'],()=>{
    handle code...
})

Vue

 <div ref = "echartsRef" id="echartsRef"></div>

const instance = new ObservableDomEvent(this.$refs.echartsRef);
const instance = new ObservableDomEvent(document.getElementById('echartsRef'));

instance.$on('resize',()=>{
    handle code...
})
or
instance.$on(['resize','click','mouseenter'],()=>{
    handle code...
})

instance.$off('resize',()=>{
    handle code...
})

instance.$off(['resize'],()=>{
    handle code...
})
instance.$off(['resize','click'],()=>{
    handle code...
})

Brower

 <script src="./observabledomevent.min.js"></script>
 this.observableDom = new observabledomevent.ObservableDomEvent(document.getElementById('echartsRef'));