双击时停止单击事件？

Question

我有一个元素的2个事件：

$('#my-element').click(function() {
    alert("Hello world!");
});

$('#my-element').dblclick(function() {
    alert("Hello world - double clicked!");
});

当用户双击元素时会触发这两个事件。

当用户双击时，如何防止点击元素被触发？