【问题标题】:Multiple item selection by pressing ctrl button通过按 ctrl 按钮选择多个项目
【发布时间】:2017-07-13 16:11:04
【问题描述】:

目前我的功能是这样的

http://jsfiddle.net/tt13/5CxPr/13/

如您所见,现在当我一一单击多行时,它将使它们被选中。

我想要做的是,通过按 ctrl+左键单击来选择多行,并且只有一个选择,只有一个 - 左键单击(我的意思是删除以前选择的并选择最后单击的一个;就像 Windows 图标选择一样) .如何修改当前代码?

【问题讨论】:

    标签: javascript jquery click selection


    【解决方案1】:

    试试这个:

    $(".subject").live('click',function(event) {
        event.preventDefault();
    
        if(event.ctrlKey) {
              $(this).toggleClass('selected');  
        } else {
              $(".subject").removeClass("selected");
              $(this).addClass("selected");           
        }
    });
    

    【讨论】:

    • 非常感谢。有用。 jsfiddle.net/tt13/5CxPr/21 一个小错误:在 Firefox 上它显示奇怪的蓝色边框 screencast.com/t/3lPxnKOZZ 在 chrome 上它没有。我该如何解决?
    • 我编辑了答案并添加了event.preventDefault(); 以防止点击被火狐处理并为行着色。蓝色边框应该不再可见
    猜你喜欢
    • 1970-01-01
    • 2019-05-02
    • 2011-10-29
    • 2018-11-30
    • 1970-01-01
    • 2020-12-08
    • 1970-01-01
    • 1970-01-01
    • 2023-03-22
    相关资源
    最近更新 更多