为什么单击拖动手柄不会夺走文本焦点？

我有一个带有一些文本的 divhttp://jsfiddle.net/MuCeD/2/ http://jsfiddle.net/MuCeD/2/。如果我双击 div 中的“sample”一词，它就会突出显示，如果我然后单击页面上的其他任何位置，文本就会不突出显示 -except如果我单击第二个框的蓝色拖动手柄。然后“采样”保持突出显示。

如果去掉手柄规格，如下，

$('#box').draggable();

这样您就可以从左侧框中的任意位置拖动，然后您可以单击该框中的任意位置而不会失去文本焦点。

有人明白这是怎么回事吗？拖动手柄如何防止抢走焦点？

Thanks

The jQuery UI draggable取消其mousedown事件。这就是为什么它没有获得焦点，因此不会窃取其他元素的焦点。您可以在可拖动上下文之外使用以下示例。

HTML:

<a href="#">Some link</a>
<a class="not-focusable" href="#">No focus</a>

JavaScript：

$('.not-focusable').mousedown(function (event) {
    return false;
});

JSFiddle http://jsfiddle.net/7mr63/2/