javascript - 我如何使用 javascript/jquery 识别 ctrl+单击 html 网页？

Question

我正在制作一个使用上下文菜单并具有选择的应用程序。现在我可以选择 1 个元素，但我想做的是 ctrl+click 允许我说将元素附加到一个数组中，以便同时选择多个元素。这样我可以同时影响 N 个事物的属性。

我需要它类似于 Control+Clicking，如果有更好的想法，我可能会感兴趣。可能是 Shift+click，但一般理解是选择 X 和 Y 之间的所有内容，因为用户更熟悉使用 ctrl 单击单个项目。

我知道如何做附加的事情，但我不确定如何做：

var ev = mouse||window.event;
var t_sel = ev.target || ev.srcElement;
 ...

Answer 1

$('.item').click(function(e) {
    if (e.ctrlKey || e.metaKey) {
        // required code to make selection
        // propably, add class to item to style it like selected item and check hidden checkbox
        $(this).toogleClass('selected');
        $(this).find('input[type=checkbox]').attr('checked', !$(this).find('input[type=checkbox]')('checked'));
    }
});

Answer 2

这将允许您检测控件单击：

$(document).click(function(e) {
  if(e.ctrlKey) {
    //You do your stuff here.
  }
});

Answer 3

我使用 shiftcheckbox 能够在网格中选择一系列复选框。该代码可用，因此您可以根据需要对其进行更改。您也可以将其用作适合您的功能的灵感。 https://github.com/nylen/shiftcheckbox