div达到特定PX时发生的火灾事件

问题描述

| 嗨，如果可以的话，请看一下我的代码，并告诉我下一步我想要得到什么结果。

<script type=\"text/javascript\">
     function doMove1() {
      foo1.style.left = parseInt(foo1.style.left)+1+\'px\';
      setTimeout(doMove1,20); // call doMove in 20msec
    }
    function start1() {
      foo1 = document.getElementById(\'fooObject\'); // get the \"foo\" object
      foo1.style.left = \'0px\'; // set its initial position to 0px
      doMove1(); // start animating
    }
window.onload = start1;
</script>
<body>
        <div id=\"fooObject\"> 
    <img src=\"images/pac.gif\" width=\"38\" height=\"38\"></div> 
</body>

基本上发生的是图像在屏幕上移动。我要完成的工作是，当图像达到某个px（假设为900px）时，我希望事件触发。关于完成此任务的任何提示我是初学者，我整天一直在努力寻求帮助。

解决方法

只需在doMove1中添加支票即可：

function doMove1() {
  var left = parseInt(foo1.style.left,10) + 1;
  if (left >= 900) {
    trigger_my_event();
  } else {
    foo1.style.left = left + \'px\';
    setTimeout(doMove1,20); // call doMove in 20msec
  }
}

有帮助吗？

div px 事件事件事件特定达到