禁用双击选择而不禁用拖动选择

时间:2014-05-23 22:55:46

标签: javascript jquery html events browser

我尝试禁用某些元素的双击选择。我试过了

$('#rand').on('dblclick', function(e) {
   e.preventDefault();
});

以及许多其他变体。我可以通过防止mousedown上的默认值来实现效果,但也可以通过拖动禁用选择。如何在不禁用拖动的情况下禁用双击事件并选择?

这里是小提琴.. http://jsfiddle.net/rBRRb/

P.S:我已经阅读了很多类似的问题,但是找不到适合我案例的解决方案。

1 个答案:

答案 0 :(得分:0)

我找到的最佳解决方案是this帖子。

$("#rand").on('mousedown', function (event) {
    //event.preventDefault();
});
$("#ran").on('mouseup', function (event) {
    //event.preventDefault();
});
$('#rand').on('dblclick', function (e) {
    if (window.getSelection) window.getSelection().removeAllRanges();
    else if (document.selection) document.selection.empty();
});

<强> FIDDLE

由于这是浏览器的原生行为,因此您无法&#34;禁用&#34;它,但你可以修改它,就像上面那样删除它后的选择。