jquery - Control 单击或 Shift 单击多个项目并拖动它们

Question

我整天都在浏览这些论坛并尝试了很多插件，即:jquery.hotkeys.js 和 http://thechriswalker.net/select-drag/这里的示例配有一个出色的插件，它只是比我想象的要复杂得多。

我已经在列表 2 中遇到了可排序的拖放情况，感谢 CoolEsh 早些时候提供的惊人帮助.. connecting sortable lists disallowing sorting on the first list jQuery

所以现在我需要单击控件来选择多个并将其拖动。但我不想要大量的标记和 jQuery。但我也不想使用像我提到的那样复杂的插件。

有什么想法吗？

Answer 1

事件e具有内置变量，您可以访问这些变量来检查control、alt或shift已被压。看看here .

$('#selectableitems p').click(function(e) {
    if(e.ctrlKey) alert('control pressed');
    if(e.altKey) alert('alt pressed');
});

如果您知道控件也被按下，您可以添加一个类 selectedItem 或类似的东西。在 mouseup 事件中，您可以检查是否按下了该键，如果没有按下则删除 selectedItem 类。不仅仅是向 $('.selectedItem') 添加一个可拖动对象，就差不多了。