javascript - Kefir.js - How to stream events from a callback function? - Stack Overflow

admin管理员组

文章数量:1335611

The Mousetrap.js library lets you bind a callback function to keys like so:

Mousetrap.bind('space', function, 'keydown');

What's the best way to attach a stream to this without using the Bus of Doom? Should I use emitter or pool?

I'm trying to get arrow keys hooked up in this fiddle: jsfiddle/vzafq25w

The Mousetrap.js library lets you bind a callback function to keys like so:

Mousetrap.bind('space', function, 'keydown');

What's the best way to attach a stream to this without using the Bus of Doom? Should I use emitter or pool?

I'm trying to get arrow keys hooked up in this fiddle: jsfiddle/vzafq25w

• javascript
• frp

Share Improve this question Follow asked May 14, 2015 at 23:15 dprendpren 1,3051313 silver badges1818 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

You can use general wrapper stream

var leftKeys = Kefir.stream(function(emitter){
    Mousetrap.bind('left', function(e) {
        emitter.emit(e);
        console.log(e);
    });
    return function(){
        // unbind
    };
});

http://jsfiddle/be9200kh/1/

Normally, you can use Kefir.fromEvents, but in your case, where Mousetrap.js does not bind using on|off methods, you can instead just use Kefir.pool (Kefir.emitter was deprecated) and trigger Kefir in the Mousetrap callbacks. I modified your code to demonstrate using Kefir.pool in the Mousetrap callbacks: http://jsfiddle/be9200kh/

Basically, you do

var pool = Kefir.pool();
pool.plug(Kefir.constant(1));
pool.map(...).filter(etc)

Have fun!

本文标签： javascriptKefirjsHow to stream events from a callback functionStack Overflow