javascript-根据按住鼠标的时间触发不同的事件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-根据按住鼠标的时间触发不同的事件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1154字，纯文字阅读大概需要2分钟。

内容图文

我想根据按住鼠标的时间来触发不同的事件.如果按住鼠标的时间少于第二个触发事件1.如果按住鼠标第二个触发事件2.如果按住鼠标两秒钟,则触发事件3,依此类推.

我有这个JavaScript,可以显示提示用户按下鼠标多长时间的消息,但是我不确定如果用户继续按住鼠标两秒钟,如何防止在一秒钟后显示该消息,

var mousedown = false;
var mousedown_timer = '';
$('#button').mousedown(function(e) {
  mousedown = true;
  $('#log').text('mousedown...');
  mousedown_timer = setTimeout(function () {
      if(mousedown) {
        $('#log').text('1 second');
      }
  }, 1000);
  mousedown_timer = setTimeout(function () {
    if(mousedown) {
        $('#log').text('2 second');
    }
  }, 2000);
}).mouseup(function(e) {
mousedown = false;
clearTimeout(mousedown_timer);
$('#log').text('aborted');
});

有没有可能我可以移动计时器以检测mouseup功能中经过的时间的方法？

Here是一个小提琴.

解决方法:

这是我的方法：

var mousedownTimestamp;
$('#button').mousedown(function(e) {
  mousedownTimestamp = new Date();
}).mouseup(function(e) {
  var mouseupTimestamp = new Date();
  var difference = mouseupTimestamp - mousedownTimestamp;
  if (difference < 1000) {
     // event 1
  } else if (difference >= 1000 && difference < 2000) {
     // event 2
  } else if (difference >= 2000) {
     // event 3
  }
});

内容总结

以上是互联网集市为您收集整理的javascript-根据按住鼠标的时间触发不同的事件全部内容，希望文章能够帮你解决javascript-根据按住鼠标的时间触发不同的事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端