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

有理有据，令人信服！

解决方案

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 更慢。

这篇关于javascript - 关于iscroll的一段代码，希望有人解释的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！