RXJS .filter和distinctUntilChanged在鼠标悬停时

Question

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

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');
});