使用shift和鼠标单击选择多个元素 - jquery

Question

是否可以使用shift和鼠标单击使用jquery在页面上选择多个元素？

我有几个div,我给了tabindex,以便我可以选择它们,并可以做删除它们等事情.

我希望能够通过按住shift并使用鼠标点击每个div来选择多于1,并且我正在努力做到这一点.

有谁知道如何做到这一点？

Answer 1

不久前我用jQuery做了类似的事:

$(id).click(function(event){    //Mouse Click+shift event 
        if(event.shiftKey){
                     //give some attribute that can indentify the elements of the selection
                     //example rel='multi-selection' or class='multi-selection'
        }
});

然后你应该做一些选择这个元素并做你需要的函数,我用它来拖动多个元素.例如,如果要删除此div,可以举例如下:

function deleteMultiSelection(){
    $('html').find('div[rel=multi-selection']).each(function(){
          $(this).remove();
     })

} 

$("#button").click(function(){
    deleteMultiSelection();
})

小心,因为我没有测试这段代码.

Answer 2

当然，如果你愿意做一些工作:)

侦听 Shift 键按下，设置一个可以从单击处理程序函数中访问的 var，如果设置了 var，则将该项目（或当前实现的 tabindex）添加到要在 ' 时操作的项目列表中操作按钮'被按下。

当您收到 Shift keyup 事件时取消设置 var。