Implementation code sharing for obtaining mouse pointer coordinates with Js and JQuery_javascript skills
Release： 2016-05-16 15:57:41
Original
1443 people have browsed it
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<title>jquery 获取鼠标指针的坐标</title>
<script>
//普通js函数
function test(event) {
event = event || window.event;
var x = event.offsetX || event.layerX;
var y = event.offsetY || event.layerY;
alert("x="+x+"; y="+y);
}
//jquery函数
$(function(){
$("#t").mouseover(
function(event){
event = event || window.event;
var x = event.offsetX || event.originalEvent.layerX;
var y = event.offsetY || event.originalEvent.layerY;
alert("x:"+x+"; y:"+y);
}
);
});
</script>
</head>
<body>
<div id="t" style="float:left;background-color: green;width: 300px;height: 60px;">测试鼠标位置（jquery函数处理）</div>
<div id="s" onmouseover="test(event)" style="float:left;background-color: red;width: 300px;height: 60px;margin-left:10px;">测试鼠标位置（普通js函数处理）</div>
</body>
</html> Copy after login
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
-
2024-09-20 15:51:33
-
2024-09-20 15:47:32
-
2024-09-20 15:45:32
-
2024-09-20 15:39:32
-
2024-09-20 15:38:32
-
2024-09-20 15:27:32
-
2024-09-20 15:26:32
-
2024-09-20 15:12:32
-
2024-09-20 14:53:01
-
2024-09-20 14:51:01
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
