javascript get x and y coordinates on mouse click

by

Like this.

function printMousePos(event) {
  document.body.textContent =
    "clientX: " + event.clientX +
    " - clientY: " + event.clientY;
}

document.addEventListener("click", printMousePos);

MouseEvent – MDN

MouseEvent.clientX Read only
The X coordinate of the mouse pointer in local (DOM content) coordinates.

MouseEvent.clientY Read only
The Y coordinate of the mouse pointer in local (DOM content) coordinates.

More Related Contents:

  1. Disable a part of JavaScript code [closed]
  2. How to get children id when I click the parent?
  3. Show/hide ‘div’ using JavaScript
  4. How to call multiple JavaScript functions in onclick event?
  5. How do I add a simple onClick event handler to a canvas element?
  6. HTML tag want to add both href and onclick working
  7. Javascript onclick function is called immediately (not when clicked)?
  8. Onclick javascript to make browser go back to previous page?
  9. javascript onclick event over flash object
  10. Including both href and onclick to HTML tag
  11. How can I disable HREF if onclick is executed?
  12. Changing button text onclick
  13. Howto: div with onclick inside another div with onclick javascript
  14. Javascript – Dynamically assign onclick event in the loop
  15. Call two functions from same onclick [duplicate]
  16. Change Button color onClick
  17. How can I stop an onclick event from firing for parent element when child is clicked?
  18. Change value of input and submit form in JavaScript
  19. Javascript click event listener on multiple elements and get target ID
  20. Attribute onclick=”function()” not functioning as intended?
  21. JavaScript button onclick not working
  22. onclick calling hide-div function not working
  23. onclick=”location.href=’link.html'” does not load page in Safari
  24. Can I escape HTML special chars in JavaScript?
  25. How can I simulate a click to an anchor tag?
  26. How to compare colors in JavaScript?
  27. focus doesn’t work in IE
  28. Access event to call preventdefault from custom function originating from onclick attribute of tag
  29. React: how to load and render external html file?
  30. How to add background-image using ngStyle (angular2)?

Leave a Comment