js控制一个div移动,当鼠标移动到该div上停止移动,我只做出了移动,求大神指导停止。

JavaScript028

js控制一个div移动,当鼠标移动到该div上停止移动,我只做出了移动,求大神指导停止。,第1张

<body onload="move()">

<div id="movediv" onmouseout="move()" onmouseover="stop()"></div>

<script type="text/javascript">

var timer

function move(){

,,,,,

}

function stop() {//这就是要实现停止的方法

clearInterval(timer)

}

timer要定义在外边,这样stop中才可以用

over,在鼠标指针移动到指定的对象上时发生。

move,在鼠标指针移动时发生。

就拿我刚刚遇到的一个问题举例,我 用canvas标签,创建了一个画布,并画了一个小矩形,我想让鼠标悬停到矩形区域时改变矩形填充色,这里只能监听整个画布,看起来应该用over,实际上用的却是move。因为,move在每次鼠标移动时,都会触发,会获得当前坐标值,用来判断这个点是否落在矩形内。若是用over,则会在进入画布时就触发,且仅会触发这一次,之后鼠标在画布内移动,一直都处于over状态,就不会触发,直到鼠标离开这个画布区域,失效。