[TOC]
  • 如何延时触发事件代码

如何延时触发事件

jQuery的文档中提到性能优化的时候,有一条就是关于事件触发频率的问题,大部分影响性能的操作不是click之类的事件,而是scroll,mouseover这样的事件。解决这些事件频繁触发的方法也很简单,就是加一个定时器,延时执行。

代码

function debounce(method, delay) {    clearTimeout(method._tId); // important!    method._tId = setTimeout(function() {        method();    }, delay);}var DAscrollPosition = $(window).scrollTop();function getScrollDirection() {    var scroll = $(window).scrollTop();    if (scroll > DAscrollPosition) {        parent.postMessage('scrolldown', 'http://www.tlc.com.adops-002.dp.discovery.com');    }    if ((scroll < 100) && (scroll < DAscrollPosition)) {        parent.postMessage('scrollup', 'http://www.tlc.com.adops-002.dp.discovery.com');    }    DAscrollPosition = scroll;};$(window).scroll(function() {    debounce(getScrollDirection, 100);});

原文: https://leohxj.gitbooks.io/front-end-database/content/problems-in-develop-webapp/delay-fire-event.html