Js和JQuery获取鼠标指针坐标的实现代码分享
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<title>jquery获取鼠标指针的坐标</title>
<script>
//普通js函数
functiontest(event){
event=event||window.event;
varx=event.offsetX||event.layerX;
vary=event.offsetY||event.layerY;
alert("x="+x+";y="+y);
}
//jquery函数
$(function(){
$("#t").mouseover(
function(event){
event=event||window.event;
varx=event.offsetX||event.originalEvent.layerX;
vary=event.offsetY||event.originalEvent.layerY;
alert("x:"+x+";y:"+y);
}
);
});
</script>
</head>
<body>
<divid="t"style="float:left;background-color:green;width:300px;height:60px;">测试鼠标位置（jquery函数处理）</div>
<divid="s"onmouseover="test(event)"style="float:left;background-color:red;width:300px;height:60px;margin-left:10px;">测试鼠标位置（普通js函数处理）</div>
</body>
</html>热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短