Have a Div click another Div when its over it.

Question

Y'all have been very helpful so far I really appreciate it. I'm still stuck trying to get the claw to click the emojis. I left a few of my attempts at the bottom of the code if anyone can help.

https://code.sololearn.com/W7NTGTmKz0zX/?ref=app

Answer 1

Hi Tom Wiscombe if you know how to add that I'm interested it was useful during testing but it can be exclusively claw now.

Answer 2

Burey is A Genius we are so lucky to have him here Thank you to everyone who helped it's almost finished and a fun community creation!!!

https://code.sololearn.com/W1usyPERaCwd/?ref=app

Answer 3

Is this finished? I would like to contribute if it isn't.
What is the problem you're having? You want the claw to collect the emojis and not the user taps?

Answer 4

Yep, that's it. You just need to prevent the clicks from being processed on the emojis class. ODLNT is right. The easiest way is with CSS. I was trying with JS and got nowhere lol.

Answer 5

hey Sergei No I was reading about these pointer events but I still don't know how to get this working yet. If you know how to get it clicking things please let me know. Thanks

Answer 6

Sounds good, I'll see what I can do 🙂

Answer 7

Hi Bobbie.

In case you need bypass events trough some elements `pointer-events:none;` might be added as css rule to the 'non events' element.

In case you need handle events on another element try to use css 'position:relative' or 'position:absolute' and 'z-index' styles to place one element above another.

Answer 8

Bobbie

It seems that Sergei No was pointing you in the right direction, yes the pun was intended. Any way to bypass the emojis' mouse clicks and touch events you need to add [pointer-events:none] to .emojis{}.