鼠标悬停时 RXJS .filter 和 distinctUntilChanged

Question

在 RXJS 自动完成示例中，您可以过滤 keyup 事件，但如何过滤 mouseenter 和 mouseleave 事件？

Answer 1

同理。 fromEvent 自动检测源类型并透明地围绕它包装一个可观察对象。例如，以下两个选项都有效：

var entered = Rx.Observable.fromEvent($('#mydiv'), 'mouseenter', function(e) {
    return e[0].target;
});

var exited = Rx.Observable.fromEvent(document.getElementById('mydiv'), 'mouseleave', function(e) {
    return e[0].target;
});

entered.subscribe(function(x) {
   $(x).css('background-color', 'green'); 
});

exited.subscribe(function(x) {
   $(x).css('background-color', 'yellow');
});