# Css2dobject failed to trigger the click event

**URL:** <https://discourse.threejs.org/t/css2dobject-failed-to-trigger-the-click-event/39829>\
**Category:** Questions\
**Tags:** css2dobject\
**Created:** [June 30, 2022, 9:05am UTC](https://discourse.threejs.org/t/css2dobject-failed-to-trigger-the-click-event/39829 "2022-06-30T09:05:35Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [June 30, 2022, 9:45am UTC](https://discourse.threejs.org/t/css2dobject-failed-to-trigger-the-click-event/39829/2 "2022-06-30T09:45:14Z")

</div>

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

```

> [@Onclick is not working on CSS3DObject](https://discourse.threejs.org/t/onclick-is-not-working-on-css3dobject/31108):
>
> Hi! When I make a CSS3DObject as follows: element = document.createElement('div'); element.innerHTML = 'Test'; element.setAttribute('onclick', 'alert(1)'); const object = new CSS3DObject(element); object.position.x = parseFloat(0); object.position.y = parseFloat(0); object.position.z = parseFloat(-150); object.lookAt(this.camera.position); this.scene.add(object); Renderer: this.renderer = new CSS3DRenderer(); this.renderer .setSize(window.innerWidth, window.innerHeight);…

---

_[View the full topic](https://discourse.threejs.org/t/css2dobject-failed-to-trigger-the-click-event/39829)._