js 鼠标 按下(未释放鼠标) 持续触发事件的方法 类似ondrag事件

JavaScript03

js 鼠标 按下(未释放鼠标) 持续触发事件的方法 类似ondrag事件,第1张

单纯的JS代码,

oUp.onmousedown=function()

{

clearInterval(timer)

timer=setInterval(function(){

if(num>=0) num=0

oImg.style.top=curposition+num+'px'

num += 10

},30)

}

oUp.onmouseup=function()

{

clearInterval(timer)

}

在鼠标按下的时候开一个定时器就可以了

给你一个恩路!

假设你把页面用表格分面N块,你在每一个表格中加入onmouseover事件,此事件中把当前时间与一个全局的上次更新时间比较,如果当前时间比上次时间小则表示大规定时间内用户动了鼠标,并把这次当前时间加上指定的时间范围保存到那个全局变量中!

如果 当前时间<上次设置过期时间

设置过期时间=当前时间+过期范围

否则 用户在过期范围时间内没有动

第一:js进行鼠标悬停事件来处理DOM实际上是不合理的。对于界面交互上能通过css处理的事件就不要用js来处理;

第二:恰好css对于鼠标悬停是有对应的选择器及其处理;

处理方法:如图A:

假设A的id为a,css代码如下:

#a{

width:100px

height:36px

float:left

//对于位置的固定可以自行选择处理,当前用float固定。

#a:hover{

width:200px

}

结果将会如你图中所需要的完成。

如必须用JS处理的话,代码如下:

//既定a的样式已明确:

//html代码:

<span id='a' onmouseover="fc1(this)"

onmouseout="fc2(this)"></span>

<script>

function fc1(node){

node.style.width = '200px'

}

function fc2(node){

node.style.width = '100px'

}

</script>