# Dom Events Help

**URL:** <https://discourse.threejs.org/t/dom-events-help/30674>\
**Category:** Discussion\
**Tags:** events, click, dom, threejs\
**Created:** [October 10, 2021, 8:28am UTC](https://discourse.threejs.org/t/dom-events-help/30674 "2021-10-10T08:28:55Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ragu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ragu/32/21317_2.png) [@ragu](https://discourse.threejs.org/u/ragu)\
**Post date:** [October 10, 2021, 8:28am UTC](https://discourse.threejs.org/t/dom-events-help/30674/1 "2021-10-10T08:28:55Z")

</div>

Hi,  
i am creating a Cube mesh, and i want to add, on click open a new page/tab, i tried using THEEx Linkify and THREEx dom events but its not working, has any one experienced such issue or any one has solution to this… please Help

---

<div class="post-metadata">

**Author:** ![MixTeR](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mixter/32/26747_2.png) [@MixTeR](https://discourse.threejs.org/u/MixTeR)\
**Post date:** [October 10, 2021, 8:34am UTC](https://discourse.threejs.org/t/dom-events-help/30674/2 "2021-10-10T08:34:55Z")

</div>

you need Raycaster for that. see [three.js docs](https://threejs.org/docs/#api/en/core/Raycaster)

---

<div class="post-metadata">

**Author:** ![ragu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ragu/32/21317_2.png) [@ragu](https://discourse.threejs.org/u/ragu)\
**Post date:** [October 10, 2021, 8:36am UTC](https://discourse.threejs.org/t/dom-events-help/30674/3 "2021-10-10T08:36:47Z")

</div>

do we need THREEx as well??

---

<div class="post-metadata">

**Author:** ![MixTeR](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mixter/32/26747_2.png) [@MixTeR](https://discourse.threejs.org/u/MixTeR)\
**Post date:** [October 10, 2021, 8:42am UTC](https://discourse.threejs.org/t/dom-events-help/30674/4 "2021-10-10T08:42:17Z")

</div>

I never have hear about THREEx before. Raycasting allows you to click, touch or move objects in your scene and then call a function. in this case it would be a function that opens the page

---

<div class="post-metadata">

**Author:** ![ragu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ragu/32/21317_2.png) [@ragu](https://discourse.threejs.org/u/ragu)\
**Post date:** [October 10, 2021, 8:55am UTC](https://discourse.threejs.org/t/dom-events-help/30674/5 "2021-10-10T08:55:43Z")

</div>

do you have any example link, other than three js page??

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [October 10, 2021, 8:55am UTC](https://discourse.threejs.org/t/dom-events-help/30674/6 "2021-10-10T08:55:59Z")

</div>

THREEx internally uses `Raycaster` for `domevents`: [threex.domevents/threex.domevents.js at 1100828c40df668a82a97c811895918088cc607f · jeromeetienne/threex.domevents · GitHub](https://github.com/jeromeetienne/threex.domevents/blob/1100828c40df668a82a97c811895918088cc607f/threex.domevents.js#L75)

---

<div class="post-metadata">

**Author:** ![ragu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ragu/32/21317_2.png) [@ragu](https://discourse.threejs.org/u/ragu)\
**Post date:** [October 10, 2021, 8:58am UTC](https://discourse.threejs.org/t/dom-events-help/30674/7 "2021-10-10T08:58:36Z")

</div>

i tried THREEx… it is not working.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [October 10, 2021, 9:02am UTC](https://discourse.threejs.org/t/dom-events-help/30674/8 "2021-10-10T09:02:02Z")

</div>

> [@ragu](#):
>
> do you have any example link, other than three js page??

Don’t hesitate to use forum search, you’ll find many posts and topics about `Raycaster` and click: [Search results for 'raycaster click' - three.js forum](https://discourse.threejs.org/search?q=raycaster%20click)
