fromEvent不会在我放入HTMLElement时触发，而会在我放入Jquery对象时触发

fromEvent是RxJS库中的一个操作符，用于将事件转换为可观察对象。它可以用于监听各种事件，例如鼠标点击、键盘输入、DOM事件等。

在你提到的情况中，fromEvent不会在放入HTMLElement时触发，而会在放入jQuery对象时触发。这是因为fromEvent期望的参数是一个可观察对象，而不是一个普通的HTMLElement。

当你传入一个HTMLElement时，fromEvent无法直接将其转换为可观察对象，因此不会触发任何事件。但当你传入一个jQuery对象时，fromEvent会通过jQuery的事件绑定机制，将其转换为可观察对象，并开始监听相应的事件。

解决这个问题的一种方法是使用RxJS的fromEventPattern操作符，它可以接受一个函数作为参数，该函数定义了如何将事件绑定到HTMLElement上。你可以使用该操作符来自定义事件绑定逻辑，以便在放入HTMLElement时触发事件。

以下是一个示例代码：

import { fromEventPattern } from 'rxjs';

function bindEvent(element, eventName) {
  return fromEventPattern(
    handler => element.addEventListener(eventName, handler),
    handler => element.removeEventListener(eventName, handler)
  );
}

const element = document.getElementById('myElement');
const click$ = bindEvent(element, 'click');

click$.subscribe(event => {
  console.log('Click event triggered:', event);
});

在上面的代码中，我们定义了一个bindEvent函数，它接受一个HTMLElement和一个事件名称作为参数。该函数使用fromEventPattern操作符来创建一个可观察对象，将事件绑定到HTMLElement上，并返回该可观察对象。

通过调用bindEvent函数并传入一个HTMLElement和事件名称，我们可以得到一个可观察对象click$，它会在点击事件发生时触发。我们可以通过订阅click$来监听点击事件，并在事件发生时执行相应的操作。

腾讯云相关产品和产品介绍链接地址：