登录

javascript - 关于iscroll的一段代码,希望有人解释

这里的if (el instanceof SVGElement)用意应该是一个能力检测,但是我发现传入的元素el,他的原型链上是否有SVGElement和它是否具有getBoundingClientRect好像并没有什么关系吧?即使一个元素的原型链上没有SVGElement,它还是有getBoundingClientRect方法的,那这里的写法到底是什么意思呢?

    me.getRect = function(el) {

        if (el instanceof SVGElement) {
            var rect = el.getBoundingClientRect();
            return {
                top : rect.top,
                left : rect.left,
                width : rect.width,
                height : rect.height
            };
        } else {
            
            return {
                top : el.offsetTop,
                left : el.offsetLeft,
                width : el.offsetWidth,
                height : el.offsetHeight
            };
        }
    };

感谢!

CRIMX

有理有据,令人信服!

# HTML
世界只因有你 世界只因有你 2365 天前 382 次浏览

全部回复(1) 我要回复

  • 伊谢尔伦

    伊谢尔伦2017-05-16 13:36:55

    1. SVGElement - The properties offsetParent, offsetTop, offsetLeft, offsetWidth, and offsetHeight are deprecated in Chrome 48.

    2. The offsetLeft and offsetTop properties of SVG elements always returns 'undefined'.

    不对 HTMLElement 使用的原因可能是考虑到 getBoundingClientRect 更慢。

    回复
    0
  • 取消 回复 发送