JavaScript实现长按功能问题

JScript code
var dt2;
 var st;
 function test() {
 dt1 = new Date();
 st = setTimeout(tt, 1000);
 return true;
 }

 function tt() {
 dt2 = new Date();
 if (dt2.getTime() - dt1.getTime() > 1000) {
 clearTimeout(st);
 $("#ttt").html("hahahahaha");return true;
 }
 }

HTML code
<div id="ttt" style="height: 100px; border: 1px solid #c0c0c0;" onmousedown="return test();">
 test</div>

用vs调试，长按之后，tt()方法断点可以进去，div的内容可以被更新。
但是，如果不加断点，一直按，就没有任何效果。
请问这是怎么回事啊？

你的设计有问题，这段代码中tt永远是1秒后执行。并且有可能定时有偏差，导致你那里判断不通过。

你应该在test中注册document的mouseup来检测下什么时候松开的，如果触发，则应该清除setTimeout句柄。
当然tt执行时，也应该清除mouseup句柄

这样，一但鼠标提前松开，就能中止掉定时器

关注希望楼主可以早日找到解决办法

我试了你的代码一点反映都木有
你是要实现具体哪样的功能啊

clearTimeout(st); 把这句去掉是不是出来了

setTimeout(tt, 1000);实际上并不是很精确的1000毫秒后执行，而是990+毫秒左右，所以不加断点 if (dt2.getTime() - dt1.getTime() > 1000) 就过不去，不执行里面的代码很正常，所以你这种实现方法不可取。[code="html"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

New Document

 div#ttt{ height: 100px; border: 1px solid #c0c0c0; }

test

var timer, oDiv = document.getElementById('ttt'); oDiv.onmousedown = function() { timer = setTimeout(tt, 1000); } oDiv.onmouseup = function(){ clearTimeout(timer); } <pre><code> function tt() { oDiv.innerHTML = "hahahahaha"; } </script> </code></pre> </body> </html>[/code]