停止onClick在双击按钮上执行

Question

如果双击，我将成功阻止链接执行两次onClick（位置：...）：

$(document).ready(function(){
    $('a').on('click', function(e){
        var $link = $(e.target);                   
        if($link.data('lockedAt') && +new Date() - $link.data('lockedAt') < 1000) {
            e.preventDefault();
        }
        $link.data('lockedAt', +new Date());
    });

});

如何为按钮元素实现相同的功能？

我已经尝试过翻译为：

$(document).ready(function() {
  $('button').on('click', function(e) {
    var $btn = $(e.target);
    if ($btn.data('lockedAt') && +new Date() - $link.data('lockedAt') < 1000) {
      e.preventDefault();
    }
    $btn.data('lockedAt', +new Date());
  });

});

但是没有运气。我可以在IF子句中触发警报，但是仍然会执行分配的onClick。与...相同：

• stopPropagation();
• stopImmediatePropagation();
• return false;
• 或全部四个或任意组合。

引用原始文章中转义的位置，因为此摘录来自某些HTML内的PHP echo语句。