美文网首页javascript
为dom元素添加resize事件

为dom元素添加resize事件

作者: 在宇宙Debugger | 来源:发表于2017-01-06 17:30 被阅读33次

为dom元素添加resize事件

 // 添加resize 事件
    function addresize(dom, fn) {
        var w = dom.offsetWidth,
            h = dom.offsetHeight,
            oldfn = window.onresize;
        if (oldfn) {
            window.onresize = function () {
                oldfn.call(window);
                if (dom.offsetWidth != w || dom.offsetHeight != h) {
                    w = dom.offsetWidth;
                    h = dom.offsetHeight;
                    fn.call(dom);
                }
            }
        } else {
            window.onresize = function () {
                if (dom.offsetWidth != w || dom.offsetHeight != h) {
                    w = dom.offsetWidth;
                    h = dom.offsetHeight;
                    fn.call(dom);
                }
            }
        }
    }

相关文章

  • 为dom元素添加resize事件

    为dom元素添加resize事件

  • js事件处理

    一. DOM0与DOM2事件处理程序 DOM0级 添加事件:通过在DOM元素的onxxx属性上添加处理程序重复添加...

  • 2018-07-24 事件与事件委托机制

    为dom元素添加事件的方式有三种 1:直接在dom元素上,添加属性onclick,然后将一个函数赋值给这个属性即可...

  • event事件

    1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别?DOM0的事件添加形式为: 优点是:处理程序在元素...

  • 事件

    1. DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级添加方式为元素对象添加一个属性方法,t...

  • 提取行间样式

    提取事件 为元素添加事件——DOM 0级的事件绑定方式* 匿名函数: window.onload 页面加载之后完成...

  • js 原生事件委托

    在给dom元素添加异步事件的时候,如果需要给子元素添加事件,有两种办法,1.直接给该子元素添加事件;2.给该子元素...

  • js 为动态添加的元素绑定事件

    想必大家都有遇到过,DOM动态添加的元素,你给它绑定的事件是不起作用的。目前有两种办法,为动态添加的元素绑定事件 ...

  • 事件

    1、DOM0事件与DOM2级在事件监听使用方式上有声明区别? DOM0事件添加形式 DOM0中事件处理程序是该元素...

  • Vue 中获取 DOM 元素问题

    Vue 获取DOM元素 获取元素 template 部分 js 部分 给元素添加事件 需要用到$nextTick ...

网友评论

    本文标题:为dom元素添加resize事件

    本文链接:https://www.haomeiwen.com/subject/dqlxbttx.html