87,922
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
lllomh 2019-06-18
- 打赏
- 举报
楼上的可用吗
usecf 2019-06-18
- 打赏
- 举报
<title>区分单击和双击-www.jb51.net</title>
<script type="text/javascript">
var flag=0;
function clickTest()
{
if(!flag)
{
setTimeout("tt2();",300);
}
flag++;
}
function reset()
{
flag=0;
}
function singleClick()
{
var result=document.getElementById('result');
result.innerHTML=result.innerHTML+"click<br>";
var imgId = document.getElementById("imgId");
imgId.src="2.png";
var bodyId = document.getElementById("bodyId");
bodyId.background="1.png";
reset();
}
function dobuleClick()
{
var result=document.getElementById('result');
result.innerHTML=result.innerHTML+"dobule click<br>";
var imgId = document.getElementById("imgId");
imgId.src="3.png";
var bodyId = document.getElementById("bodyId");
bodyId.background="2.png";
reset();
}
function tt2()
{
if(flag==1)
{
singleClick();
}
else
{
dobuleClick();
}
}
</script>
</head>
<body background="3.png" id="bodyId">
<img src="1.png" id="imgId"/>
<input type="button" ondblclick="clickTest();" onclick="clickTest();" value="click test" />
<div id="result"></div>
图片自己增加放在你html文件同目录下
