<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>RunJS 演示代码</title>
<style>
.kuai_two{
display:none
}
</style>
<script>
onload=function(){
var lis = document.getElementsByTagName("li")
for(var i=0i<lis.lengthi++){
var li = lis[i]
var div=li.children[1]
li.onmouseenter = function(){
div.style.display='block'
}
li.onmouseleave=function(){
div.style.display='none'
}
}
}
</script>
</head>
<body>
<ul>
<li> dfgdgdfg
<dl>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
</dl>
<div class="kuai_two">
<p>
aaaaaa
</p>
<br /><br />
<p>
bbbbbb
</p>
<br /><br />
<h5>
site
</h5>
<p>
11111
</p>
<p>
22222
</p>
<p>
333
</p>
<p>
66666
</p>
<p>
55555
</p>
</div>
</li>
</ul>
</body>
</html>
js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。
原理： 当接收到第一个点击时，我们先把单击事件存储在这个是全局变量 click_store 里，如果 0.3 秒内没有接收到双击事件，就去执行它，如果接收到了，我们把它清理掉，然后去执行双击事件。setTimeout() 可以实现延迟执行。
var inputs = document.getElementsByClassName("input3")for(var i = 0i <inputs.lengthi++){
inputs[i].onmouseover = function(){
this.select()
}
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）