https://github.com/konglingwen94/element-resize-event-polyfill
:eye: Native event listener polyfill to capture element size chang
https://github.com/konglingwen94/element-resize-event-polyfill
element-resize element-resize-observer native-resize resize resize-event resize-observer
Last synced: about 1 month ago
JSON representation
:eye: Native event listener polyfill to capture element size chang
- Host: GitHub
- URL: https://github.com/konglingwen94/element-resize-event-polyfill
- Owner: konglingwen94
- Created: 2020-03-22T05:47:57.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T17:53:32.000Z (over 2 years ago)
- Last Synced: 2025-03-21T06:33:27.668Z (about 2 months ago)
- Topics: element-resize, element-resize-observer, native-resize, resize, resize-event, resize-observer
- Language: JavaScript
- Homepage: https://konglingwen94.github.io/element-resize-event-polyfill/dist/demo.html
- Size: 2.14 MB
- Stars: 7
- Watchers: 0
- Forks: 0
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# element-resize-event-polyfill
Native event listener polyfill to capture element size changes
## Live Demo
>https://konglingwen94.github.io/element-resize-event-polyfill/dist/demo.html
## Install
```bash
npm install element-resize-event-polyfill --save-dev
```
### Usage
Example in es6
```javascript
import 'element-resize-event-polyfill'
const elm = document.getElementById('#elm')
elm.addEventListener('resize', handler)
```
Example in browser
```HTML
My size changes can be captured
const elm=document.getElementById("elm")
// case one
elm.addEventListener("resize",function(e){
// Your logic
})
// case two
elm.onresize=function(e){
// Your logic
}
```
Example in vue
```HTML
export default {
methods:{
handlerResize(e){
// Your code
}
}
}
```
> Example in cdn
```HTML
const elm = document.getElementById('container')
elm.addEventListener('resize', function(e) {
// Your code
})