在观察到元素后再次调用IntersectionObserver回调?

时间:2017-12-24 15:17:51

标签: javascript intersection-observer

我正在观察消息并使用消息时间戳跟踪这些观察结果。这些观察有一个重要条件:如果页面上没有客户端活动(光标没有移动,或者他没有输入任何内容),则跟踪时间戳不应更新。客户端通常会收到新消息,但没有活动。这意味着Observer在完全观察后会跳过该元素。但是当用户实际提供某些活动时,不会重新观察此元素,这意味着除非比率发生变化,否则永远不会再次调用观察者回调。如何告诉IS重新计算所有观察结果以触发我的回调?

手动“重新观察”元素的问题是,如果元素已经在交集范围内,则永远不会调用回调。

一些伪代码例如:

IS.callback = function(entries, observer){
    for (var entry in entries)
    {
        if (activity && entries.hasOwnProperty(entry))
        {
            if (lastTimestamp < entries[entry].data.timestamp)
                lastTimestamp = entries[entry].data.timestamp;
        }
    }
};

1 个答案:

答案 0 :(得分:0)

解决方案非常简单:删除所有观察者并再次观察元素。然后在任何活动更改时致电startObserve();。为了简单起见,在这里使用jQuery。

function startObserve()
{
    IS.targets =
        $('#messages .message')
        .each(function(index, target){
            IS.observer.unobserve(target);
            IS.observer.observe(target);
        });
}