fromEvent

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

fromEvent 可以根据元素上的事件创建 Observable .. 先导入一个 fromEvent .. 然后创建一个 observable .. 用一下在 Observable 上的 fromEvent ...

告诉这个 Operator,事件发生的元素是谁 ... 这里先用一个 document .. 再告诉它事件的名字是什么 .. 先设置成 click .. 表示鼠标的点击事件 ..

订阅这个 Observable 的时候,同样是把从 Observable 交付过来的事件输出到控制台上 ..

回到浏览器 .. 随便点击页面 .. 会发生点击事件 .. 我们用 fromEvent 创建的 Observable 每次交付的就是这个点击事件对象 ..

在控制台上会输出这个事件对象 ..

再试一下 .. 打开项目下面的 index.html .. 在这个文档里,添加一个文本框 ... 在上面加上一个 search 这个 id ..

然后回到 main.js .. 我们还是用 fromEvent 创建一个 Observable .. 不过这次元素就是页面上带 search 这个 id 的元素 .. 用一下 document.getElementById .. 找到 search 这个 id 的元素 ..

事件的名字是 keyup .. 这个一个按键事件, 按下键盘上的某个按键,抬起来以后,会触发这个事件 ..

保存 ..

在这个页面的文本框里面,输入一些文字 ... 控制台上会输出一些 keyup 事件对象 .. 每个对象里面都有一个 key 属性,它表示的就是用户按下去的那个按钮 ..

回到项目 .. 这里我们可以输出 data 里面的这个 key 属性 ..

再回到浏览器,在文本框里输入一些文字 .. 控制台上会输出用户具体按的按键 ..

fromEvent《 RxJS:反应式编程 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点