How to check users click on screen (X and y ) using canvas?

Question

No code~

Answer 1

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

Made this a while ago

It's simple and does exactly what you need and should be pretty easy to copy and learn from

Answer 2

𝕄𝕚𝕔𝕙𝕒𝕖𝕝 𝕃𝕚𝕦 [🄰🄲🅃🄸🅅🄴] (っ◔◡◔)っ Ok I will add some comments to it now

Answer 3

Daniel Briceño what do you mean?

Answer 4

Ok and can you make an example code? Plz, Daniel Briceño

Answer 5

Daniel Briceño yes, canvas

Answer 6

Like I don't understand this

document.getElementById('x-value').textContent = e.x;
document.getElementById('y-value').textContent = e.y;
$("#player").css("transform","translate3d( " + e.x/1.5 + "px, " + e.y/1.5 + "px, 0px)");
});

Can you like make it normal canvas no simple? Like no # and e.x and more...

Answer 7

Hard. No code. Just HTML?

Answer 8

Daniel Briceño no. That is not what I want, plz delete your answers to make this question unanswered.

Answer 9

.... Is "JS" allowed?

Answer 10

𝕄𝕚𝕔𝕙𝕒𝕖𝕝 𝕃𝕚𝕦 [🄰🄲🅃🄸🅅🄴] (っ◔◡◔)っ My code should work with canvas but if not I can help you adapt it if you DM me

Answer 11

Pieter Edwards I was wrong. But that's how you learn.:)

Answer 12

Pieter Edwards can you make the code simpler? It is a bit hard to understand in the js.

Answer 13

So basically
e.x = The X axis co-ordinate
e.y = The Y axis co-ordinate

The document.getElementById bit is just making it so the X and Y co-ordinate is printed onto the page so is not necessary. Hope you understand now?

Answer 14

Pieter Edwards Try to use just JS please. JS must be taught first and then Jquery

Answer 15

Pieter Edwards can you use js? No jQuery

Answer 16

X = e.clientX-cnv.offsetLeft
Y = e.clientY-cnv.offsetTop

check line 29 & 30

where cnv is the canvas element.
https://code.sololearn.com/W6d0E0j5wCMB/?ref=app

Answer 17

In a course that I saw, how to do it came out and then sent it by form. Let me search....

Answer 18

check in <input type = "image" alt = "blablabla" />
https://www.mclibre.org/consultar/htmlcss/html/html-formularios.html

Answer 19

... Canvas does not have event support, but it can over a parent element: <div onclick = "fun (events);"> <canvas> </canvas> </div>