链接的两个不同操作

Question

如何处理与链接的不同交互？例如，当用户点击该页面打开另一个链接时，当用户按下鼠标超过2秒时打开另一个链接？

Answer 1

您可以为此编写一个简单的处理程序原型：

function LinkMouseHandler(linkElement, ref) {
  this.mouseDownTimeStamp = 0;
  linkElement.onmousedown = function(e) {
    this.mouseDownTimeStamp = e.timeStamp;
  }
  linkElement.onmouseup = function(e) {
    if (e.timeStamp - this.mouseDownTimeStamp < 2000)
      window.location.href = ref;
    else
      alert("test");
  }
}

var mouseHandler = new LinkMouseHandler(document.getElementById("test"), "http://www.google.de");

<a id="test">bla</a>