passive polyfill 代码

最新推荐文章于 2024-03-08 23:06:17 发布

梦你所梦

最新推荐文章于 2024-03-08 23:06:17 发布

阅读量632

点赞数

分类专栏：前端文章标签： passive object polyfill

本文链接：https://blog.csdn.net/yangzhihello/article/details/75040807

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

看到了一段对Google的 Passive event listeners 特性进行 polyfill 的代码，用的太巧妙了，值得细读，简直帅到没朋友。

// Test via a getter in the options object to see 
// if the passive property is accessed
var supportsPassive = false;
try {
  var opts = Object.defineProperty({}, 'passive', {
    get: function() {
      supportsPassive = true;
    }
  });
  window.addEventListener("test", null, opts);
} catch (e) {}

// Use our detect's results. 
// passive applied if supported, capture will be false either way.
elem.addEventListener(
  'touchstart',
  fn,
  supportsPassive ? { passive: true } : false
); 

//mdn object.defineProperty
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty