Css2dobject failed to trigger the click event

Questions
1

I added a click event and a MouseDown event to the dom. When I click css2dobejct, only the MouseDown event will be triggered. What is the reason for this?

const dom = document.createElement("div");
    dom.className = "pop";
    const objlabel = new CSS2DObject(dom);
    this.scene.add(objlabel);
    dom.addEventListener("click", () => {
      console.info("click");
    });
    dom.addEventListener("mousedown", () => {
      console.info("mousedown");
    });

Demo address

2 
    dom.addEventListener("pointerdown", () => {
      console.info("click");
    });