黑马程序员技术交流社区

标题: 为什么DOM中onmousemove效果 [打印本页]

作者: 高宜    时间: 2012-6-18 20:49
标题: 为什么DOM中onmousemove效果
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>无标题页</title>
  5.     <script type="text/javascript">
  6.     document.onmousemove=function(){
  7.      var x=window.event.clientX;
  8.      var y=window.event.clientY;
  9.      var divFly=document.getElementById("divfly");
  10.      if(divFly){
  11.      return;
  12.      }
  13.      
  14.       //divFly.style.positon="absolute";
  15.       divFly.style.top=y;
  16.       divFly.style.left=x;
  17.    
  18.     }
  19.     </script>
  20. </head>
  21. <body>
  22. <div id="divfly" style="position:absolute">
  23. <font color="red">Czar</font>
  24. </div>
  25. </body>
  26. </html>
复制代码
//我用的IE9只显示了层的效果,没onmousemove的效果,求指导
作者: 张恒维    时间: 2012-6-18 21:01
{:soso_e128:}当然没有效果啦。
  1.     if(divFly){
  2.          return;
  3.      }
复制代码
问题就在上面这段代码里。去掉就可以了。你的div就定义在下面,在运行的时候永远为true的,这样下面的代码肯定执行不到啦。
作者: 吴伟烈    时间: 2012-6-19 07:46
你的if改成这样试试  if(divFly==null)
作者: 高宜    时间: 2012-6-19 14:22
本帖最后由 高宜 于 2012-6-19 14:25 编辑

按照上述两位的方法依旧不行,顺便问句,怎么有些javascript语句不能断点执行,断点执行后监视不到变量的值,怎么弄,有没谁有好方法。
作者: 高宜    时间: 2012-6-19 14:23
张恒维 发表于 2012-6-18 21:01
当然没有效果啦。问题就在上面这段代码里。去掉就可以了。你的div就定义在下面,在运行的时候 ...

注释掉也没触发onmousemove事件,
作者: 许庭洲    时间: 2012-6-19 15:11
JavaScript onmousemove 事件定义与用法是,The onmousemove event occurs when the mouse pointer is moved.(当鼠标移动时触发onmousemove事件),很明显你的onmousemove事件没有触发,查查触发的代码吧!
作者: 张恒维    时间: 2012-6-19 18:54
按照上述两位的方法依旧不行,顺便问句,怎么有些javascript语句不能断点执行,断点执行后监视不到变量的值,怎么弄,有没谁有好方法。

时才拿着你得代码在IE8上运行了一下。没有问题。然后F12启动调试继续运行这段代码并设置断点和添加监听,没有发现你上述的情况。IE9我这没有。
作者: 高宜    时间: 2012-6-20 08:20
本帖最后由 高宜 于 2012-6-20 08:22 编辑
张恒维 发表于 2012-6-19 18:54
时才拿着你得代码在IE8上运行了一下。没有问题。然后F12启动调试继续运行这段代码并设置断点和添加监听, ...

哦 万分感谢,确定了是游览器的问题,不是代码的问题。关于onmouseover在IE9下运行总感觉没触发,要么是直接全部触发了(例:在鼠标移动到小图上显示大图的练习中,鼠标没动怎么一打开就显示全部大图,不写onmouseover事件显示大图时,显示小图和预期一样),断点监视时调试前设置的断点在运行时就不见了,结束调试后有出现。
注:IE版本9.0.8112.16421




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2