介绍 & lt; body onmousemove=癿ousemove(事件)“祝辞& lt;/body> html,
body {
,,宽度:100%;
,,身高:100%;
,,背景:# A5CEDB;
位置:,才能相对;
}
.newDiv {
位置:才能,绝对;
背景:才能,红色;
,,颜色:白色;
,,宽度:100 px;
,,身高:50 px;
} var movex;
var movey,//用来接受鼠标位置的全局变量
function mousemove (e), {
时间=e 才能;e | |, window.event;
如果才能(e.pageX | |, e.pageY), {
,,,movex =, e.pageX;
,,,movey =e.pageY
,,}
creatDiv才能(movex, movey);
}
function creatDiv (x, y), {
美元才能(“.newDiv") .remove ();
var 才能;str =, (“& lt; div 类=\ & # 39;newDiv \ & # 39;在“,+,x +,,,,, +, y +,“& lt;/div>“);
美元才能(“body") .append (str);
美元才能(“.newDiv") . css (“left",, x +,“px") . css (“top",, y +,“px");
} & lt; ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head>
& lt; meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/比;
& lt; title> www.jb51.net , js获取当前鼠标位置& lt;/title>
https://www.yisu.com/zixun/& lt; script src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js ">
<>脚本
var movex;
var movey;//用来接受鼠标位置的全局变量
函数mousemove (e) {
e=e | | window.event;
如果(e。pageX | | e.pageY) {
movex=e.pageX;
movey=e.pageY
}
creatDiv (movex movey);
}
函数creatDiv (x, y) {
$ (" .newDiv ") .remove ();
var str=(“
今天就跟大家聊聊有关使用jQuery怎么获取当前鼠标位置并输出,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
<强> 1。html
<强> 2。css
<强> 3。js
完整示例代码如下:
");
$(“身体”).append (str);
$ (" .newDiv”)。css(“左”,x +“px”)。css(“顶级”,y +“px”);
}>
超文本标记语言
身体{
宽度:100%;
高度:100%;
背景:# A5CEDB;
位置:相对;
}
.newDiv {
位置:绝对的;
背景:红色;
颜色:白色;
宽度:100 px;
高度:50 px;
}> 头
<身体onmousemove=" mousemove事件">