为什么我这样写的事件没用啊，谁能帮忙试试我的这个程序啊，谢谢咯。

hai1609 2011-11-30 06:04:04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onmousemove = function () {

var Div = document.getElementById("divFly");
if (!Div) {
return;
}
var x = window.event.clientX; //获得鼠标相对窗口的横坐标
var y = window.event.clientY; //获得鼠标相当窗体的纵坐标

Div.style.left = x;
Div.style.top = y;

var div1 = document.createElement("div");
div1.innerText = window.event.clientX;
Div.appendChild(div1);
}
</script>
</head>

<body>
<div id="divFly" style="position:absolute;">
<img src="云.jpg"/>
</div>
</body>
</html>

...全文

84 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

liyi7200128 2011-12-02

打赏
举报

用 document.onmousemove

hch126163 2011-12-01

打赏
举报

[Quote=引用 6 楼 ifandui 的回复:]

JScript code
document.onmousemove = function () {

var Div = document.getElementById("divFly");
if (!Div) {
return;
}
……
[/Quote]
++

用 document.onmousemove
或者 document.body.onmousemove

默默不得鱼 2011-11-30

打赏
举报

document.onmousemove = function () {



				var Div = document.getElementById("divFly");

				if (!Div) {

					return;

				}

				var x = window.event.clientX; //获得鼠标相对窗口的横坐标

				var y = window.event.clientY; //获得鼠标相当窗体的纵坐标



				Div.style.left = x;

				Div.style.top = y;



				var div1 = document.getElementById("div1");

				if(!div1) {

					div1=document.createElement("div");

					div1.id="div1";

					Div.appendChild(div1);

				}

				div1.innerHTML = window.event.clientX;

			}

试试这个

默默不得鱼 2011-11-30

打赏
举报

[Quote=引用 4 楼 hai1609 的回复:]
最主要的是想要实现onmousemove这个事件，不知道为什么用这种方式实现不了
[/Quote]是document.onmousemove 不是window.

hai1609 2011-11-30

打赏
举报

最主要的是想要实现onmousemove这个事件，不知道为什么用这种方式实现不了

zijie405 2011-11-30

打赏
举报

但是以上方法， ie 支持。别的我就不敢保证喽！你从网上搜索一下吧!

zijie405 2011-11-30

打赏
举报

给你个例子参考参考吧！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.toopTip
{
background-color:Yellow;
border-style:solid;
border-width:1px;
border-color:Red;
}
</style>
<script language="javascript" type="text/javascript">
function initEvent() {
var divArray = document.getElementsByTagName("div");
for (var i = 0; i < divArray.length; i++) {
divArray[i].onmousemove = createDivDetailOne;
divArray[i].onmouseout = removeDivDetail;
}
}
function createDivDetailOne() {
var divObj = document.getElementById("divDetail");
if(divObj) {
divObj.style.top = window.event.clientY;
divObj.style.left = window.event.clientX;
return;
}
divObj = document.createElement("div");
divObj.className = "toopTip";
divObj.setAttribute("id","divDetail");
divObj.style.position = "absolute";
divObj.style.top = window.event.clientY;
divObj.style.left = window.event.clientX;
var triggerObj = window.event.srcElement;
//var a = triggerObj.id;
divObj.innerHTML = triggerObj.innerText;
document.body.appendChild(divObj);
}
function removeDivDetail() {
var divObj = document.getElementById("divDetail");
if(!divObj)
{
return;
}
document.body.removeChild(divObj);
}

window.onload = initEvent;
</script>

</head>
<body onload="initEvent();" >
<div id="divOne" style="background-color: Fuchsia; width: 100px; height: 100px;">
Hello My Js World!
</div>
<div id="divTwo" style="background-color: Aqua; width: 100px; height: 100px">
Welcome to My Js World!
</div>
<div id="divThree" style="background-color: Gray; width: 100px; height: 100px">
THIS IS My Js World!
</div>
</body>
</html>

MuBeiBei 2011-11-30

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title></title>

  <script type="text/javascript">

  document.onmousemove = function () {



  var Div = document.getElementById("divFly");

  if (!Div) {

  return;

  }

  var x = window.event.clientX; //获得鼠标相对窗口的横坐标

  var y = window.event.clientY; //获得鼠标相当窗体的纵坐标



  Div.style.left = x;

  Div.style.top = y;

    

  var div1 = document.createElement("div");

  div1.innerText = window.event.clientX;

  Div.appendChild(div1);

  }

</script>

</head>



<body>

<div id="divFly" style="position:absolute;">

<img src="云.jpg"/>

</div>

</body>

</html>