1

我的小功能“点击并按住”有未知问题。谁能告诉我出了什么问题？感谢帮助。

<!DOCTYPE html>
<html>
<body>
<button id="seconds">30</button>

<script type="text/javascript">


var timeoutId = 0;

$('#seconds').on('mousedown', function() {
timeoutId = setTimeout(alert("something"), 1000);
}).on('mouseup mouseleave', function() {
clearTimeout(timeoutId);
});

</script>
</body>
</html>
4

1 回答 1

4

问题是您的警报正在立即被调用。您需要将函数传递给 setTimeout，而不是调用函数。我已经重构了您的代码以使其成为一个函数，现在如果您不移动鼠标，警报将在 1 秒后显示。

var timeoutId = 0;

$('#seconds').on('mousedown', function() {
  timeoutId = setTimeout(function(){alert("something")}, 1000);
}).on('mouseup mouseleave', function() {
  clearTimeout(timeoutId);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="seconds">30</button>

于 2017-05-12T18:46:26.943 回答