控制单击或移动单击多个项目并拖动它们

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')，你几乎就在那里。