禁用 ctrl-click jquery ui 可选择

Question

我想知道 jQuery UI Selectable 上是否有一个选项可以让我禁用 Ctrl+Click，但仍保留可拖动的多项选择。在我的项目中，我希望人们能够选择多个，但只能通过拖动，而不是通过 Ctrl + 单击。

如果没有，有人知道我可以实现这一目标的方法吗？

任何信息都会非常有帮助！ ：） 谢谢！！！

Answer 1

Selectable 使用 metaKey 标志来进行多选，因此您可以在调用 selectable 之前将 mousedown 上的 metaKey 绑定为 false。然后Ctrl+单击将始终处于关闭状态。确保在调用 selectable 之前进行绑定。

$('#selectable').bind("mousedown", function (e) {
            e.metaKey = false;
 }).selectable()

jsFiddle 此处

Answer 2

上面这个好的解决方案还有另一种用途 - 如果您希望能够仅使用鼠标单击来完成所有选择/取消选择，而不需要按住 Ctrl 进行多选或取消选择 -只需始终将 EvilAmarant7x 示例中的 e.metaKey 设置为 true 即可。这正是我所需要的。

编辑：显然有人已经想到了这一点：使用 jQuery UI Selectable 实现多个选择:)

Answer 3

$("#selectable").on("selectablestart", function (event, ui) {
event.originalEvent.ctrlKey = false;
});