简体   繁体   English

点击并按住javascript。 某事不起作用

[英]Tap and hold in javascript. Something doesn't work

I have unknown problem with my small function "tap and hold". 我的小功能“点击并按住”存在未知问题。 Could anyone tell me what is wrong? 谁能告诉我这是怎么回事? Thanks for help. 感谢帮助。

<!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>

The problem is that your alert is being invoked immediately. 问题是您的警报将立即被调用。 You need to pass a function to setTimeout, not call a function. 您需要将一个函数传递给setTimeout,而不是调用一个函数。 I've refactored your code to make it a function and now the alert will show after 1 second if you don't move your mouse. 我已经重构了您的代码以使其发挥作用,现在如果您不移动鼠标,警报将在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> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 无法在 javascript 中创建倒计时。有些东西不起作用:( - Can't create countdown in javascript. Something doesn't work :( 使用 Javascript 隐藏元素。 不适用于 IE 和 Chrome - Hide element with Javascript. Doesn't work with IE and Chrome 我的循环在 Javascript 中不起作用。 我必须遍历循环到数组并乘以 2 - Mine loop doesn't work in Javascript. I have to traverse loop to array and multiply by 2 Javascript函数。 不行 - Function on Javascript. Not work Javascript 中的图案设计和 Map function。 什么不起作用? - Patter design and Map function in Javascript. What dosen't work? innerHTML不保持宽度 - Javascript / CSS - innerHTML doesn't hold width - Javascript/CSS 高分子Javascript。 轻击事件时无法将数据传递给其他聚合物元素,而无需调用聚合物元素 - Polymer Javascript. couldn't pass data when on-tap event, to other polymer-element without calling the polymer-element 是否可以在SVG标签上使用click功能? 我在a上尝试过element.click() <polygon> 。 尝试使用javascript模拟点击。 不行 - Is it possible to use click function on SVG tags? I tried element.click() on a <polygon>. Trying to simulate the click using javascript. Doesn't work const {something} = require(something)在Express中不起作用 - const {something} = require (something) doesn't work in Express 在滚动一定数量的像素后使用 JavaScript 执行某些操作不起作用 - Using JavaScript to do something after you scroll an amount of pixels doesn't work
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM