javascript - 如何通过双击而不是单击来触发链接（标签）？

Question

有什么方法可以保留所有悬停效果但仅在双击时触发标签链接（到另一个页面）？谢谢！

任何纯javascript答案？（没有 jQuery）

Answer 1

我当然不会违反一键式标准，但如果这是您希望的：

你可以在这里找到答案

从上面的答案复制：

HTML：

<a id='golink' href='gosomewhere.html'>Go Somewhere</a>

使用 jQuery 的 JavaScript：

jQuery(function($) {
     $('#golink').click(function() {
         return false;
     }).dblclick(function() {
         window.location = this.href;
         return false;
     }).keydown(function(event) {
         switch (event.which) {
             case 13: // Enter
             case 32: // Space
                 window.location = this.href;
                 return false;
         }
     });
 });

Answer 2

我附带了这个（没有 jQuery，只使用了 onclick 事件处理程序）：

  var clicked=false;
  var el = document.getElementById('link');
  var maxClicksDelay = 500; // in milliseconds 
  el.onclick = function(e) {
    if(!clicked) {
    clicked = true;
    setTimeout(function() { clicked = false}, maxClicksDelay );  
    e.preventDefault();
    }

  }

jsfiddle

Answer 3

我建议添加一个属性来处理带有双击选项的链接。

<a href='http://...' dblclick>Link</a>
                     ^^^^^^^^

在 html 文档的末尾添加以下行以查找具有特定 'dblclick' 属性的锚点：

<script type='text/javascript'>
  $(function(){
    $('a[dblclick]').click(function(e){
       return false; // disable single click
    }).dblclick(function(e){
       window.location = this.href; // on double click go to the URL from href value
    })
  })
</script>