我正在尝试使用 Rx.js observable-subscribe 一个非常基本的示例。这是我的代码:
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meter>
<title></title>
</head>
<body>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.4.0/Rx.js"></script>
<script src="https://code.jquery.com/jquery-3.4.0.min.js" integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script>
<script src="index.js"></script>
<button id='testButton'>Click</button>
</body>
</html>
JS
var button = $('#testButton');
var btn$ = Rx.Observable.fromEvent(button, 'click');
btn$.subscribe(function(e){
console.log(e);
});
但是当我单击按钮时,控制台中没有任何内容。我错过了什么吗?
最佳答案
fromEvent
要求第一个参数是 DOM 元素。 $
可能指的是 jQuery
,它返回一个 jQuery 对象。
因此,您应该先从 button
中提取 native 元素,然后再将其传递给 fromEvent
:
var button = $('#testButton');
var btn$ = Rx.Observable.fromEvent(button[0], 'click'); // or .get(0) instead of [0]
关于rxjs - Rxjs 可观察订阅 - 按钮点击未捕获,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55633352/