如何使用javascript/jquery识别html网页上的ctrl +click

How do i recognize a ctrl+click on an html webpage with javascript/jquery?

本文关键字：网页 ctrl +click html 识别 何使用 javascript jquery      更新时间：2023-09-26

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

我需要它像控制+点击这样的东西，如果有更好的主意，我可以感兴趣。 也许 Shift+单击，但这大致了解选择所有 ebtween X 和 Y，其中用户更熟悉使用 ctrl 单击单个项目。

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

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

$('.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'));
    }
});

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

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

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

相关文章：