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

fromEvent 是 RxJS 库中的一个函数，用于从 DOM 事件或其他事件源创建一个 Observable。如果你发现 fromEvent 在直接使用 HTMLElement 时不触发，而在使用 jQuery 对象时触发，这通常与事件监听器的绑定方式有关。

基础概念

Observable: 在 RxJS 中，Observable 是一个可以发出多个值的对象，类似于数组，但发出值的方式是异步的。

fromEvent: 这是一个 RxJS 操作符，用于将事件源（如 DOM 元素）转换为 Observable，从而可以使用 RxJS 的强大功能来处理事件流。

可能的原因

事件监听器的绑定时机：如果你在 HTMLElement 还未完全插入到 DOM 中时就绑定了事件监听器，那么事件可能不会被正确捕获。
jQuery 的内部实现：jQuery 可能在内部做了额外的处理，确保事件监听器能够正确绑定，即使元素尚未完全插入 DOM。

解决方案

确保在 HTMLElement 完全插入到 DOM 后再绑定事件监听器。你可以使用 setTimeout 或者 requestAnimationFrame 来延迟绑定，或者使用 MutationObserver 来监听 DOM 变化。

示例代码

import { fromEvent } from 'rxjs';

// 假设你有一个 HTMLElement 变量叫做 myElement
const myElement = document.getElementById('myElementId');

// 使用 setTimeout 确保元素已经插入到 DOM 中
setTimeout(() => {
  const click$ = fromEvent(myElement, 'click');
  click$.subscribe(event => {
    console.log('Element clicked!', event);
  });
}, 0);

// 或者使用 requestAnimationFrame
requestAnimationFrame(() => {
  const click$ = fromEvent(myElement, 'click');
  click$.subscribe(event => {
    console.log('Element clicked!', event);
  });
});

// 如果你需要更精确的控制，可以使用 MutationObserver
const observer = new MutationObserver((mutationsList, observer) => {
  for (let mutation of mutationsList) {
    if (mutation.type === 'childList') {
      const click$ = fromEvent(myElement, 'click');
      click$.subscribe(event => {
        console.log('Element clicked!', event);
      });
      observer.disconnect(); // 停止观察，因为我们已经绑定了事件
      break;
    }
  }
});

observer.observe(document.body, { childList: true, subtree: true });