Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Code to obtain the x, y coordinate position of the current mouse in js and jquery_jquery

Code to obtain the x, y coordinate position of the current mouse in js and jquery_jquery

WBOY
Release： 2016-05-16 18:06:36
Original
963 people have browsed it
Copy code The code is as follows:

Put it above me< ;/div>


javascript gets the current position coordinates of the mouse
Mouse sliding displays the current position coordinates of the mouse, mainly onmousemove function.
Copy code The code is as follows:




javascript gets mouse position


<script> <br>function mouseMove(ev) <br>{ <br>Ev= ev || window.event; <br>var mousePos = mouseCoords(ev) ; <br>document.getElementById("xxx").value = mousePos.x; <br>document.getElementById("yyy").value = mousePos.y; <br>} <br>function mouseCoords(ev) <br>{ <br>if(ev.pageX || ev.pageY){ <br>return {x:ev.pageX, y:ev.pageY}; <br>} <br>return{ <br>x: ev.clientX document.body.scrollLeft - document.body.clientLeft, <br>y:ev.clientY document.body.scrollTop - document.body.clientTop <br>}; <br>} <br>document.onmousemove = mouseMove; <br></script>
Mouse X axis:

Mouse Y axis:


Related labels：
coordinate mouse
source：php.cn
Previous article：JQuery datepicker usage_jquery Next article：Solutions to the impact of Ajax caching in Jquery_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
SQL Count() also requires 0 I have only one table and I want to count each entry of a tag that starts with 0. Now I tr...
From 2024-04-06 19:48:53
0
1
449
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}
From 2024-04-06 19:25:49
0
1
505
Generate default values ​​and CSS variables using SCSS I'm implementing website styling. For legacy support reasons, I need to support IE11, at l...
From 2024-04-06 17:46:54
0
1
355
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template