Javascript function mouse co ordinates

Question

1.00/5 (1 vote)

See more:

Code that shows mouse events

HTML

<div onmousemove="showCoords(event)" onmousemove="why()" onmouseout="clearCoor()">
</div>

<p id="demo"></p>

JavaScript

function showCoords(event) 
{
  var x = event.clientX;
  var y = event.clientY;
  var coor = "X coords: " + x + ", Y coords: " + y;
  document.getElementById("demo").innerHTML = coor;     
}

function clearCoor() 
{
  document.getElementById("demo").innerHTML = "";
}

function why(event) 
{
  var x = event.clientX;
  var y = event.clientY;
  if ((x == '40') && (y =='40'))
  {
    document.getElementById("what").innerHTML = "Wow";
  } 
}

function why() does not do what it should which is display message

What I have tried:

changed functions and added more features

Posted 24-Aug-21 2:16am

four systems

Updated 24-Aug-21 3:38am

v6

Add a Solution

Comments

four systems 24-Aug-21 8:36am

https://www.w3schools.com/code/tryit.asp?filename=GTS6OXPZM7KU

another with vanilla js should display message with mouse co ordinates

Richard Deeming 24-Aug-21 8:52am

1. Include the relevant parts of your code in your question. Do not simply link to another site with all of your code and expect people to visit it and dig through to find the problem.

2. Your question says the function wow doesn't do what it should. But there is no such function in your sample.

Richard MacCutchan 24-Aug-21 8:53am

Where is the code for function wow?

Richard MacCutchan 24-Aug-21 9:01am

You need to put your onmousemove in the body tag as shown in the sample link above:

<body onmousemove="why(event)" onmouseout="clearCoor()">

You also need to check the actual names you are using in the id fields of your HTML. What you have is inconsistent. A few simple corrections and your code works (sort of).

four systems 24-Aug-21 9:26am

the function is why; its raining here

Richard MacCutchan 24-Aug-21 9:41am

I have no idea what that means, or what relevance it has to your question.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard MacCutchan · Answer 1 · 2021-08-24T03:09:00

This sort of works, so you can build on it yourself: