0

我有一个监听 shift 按键的功能

$("fieldset").on("change", "input[type='checkbox'].shift_selectable_box", function () {
    $(document).on("keydown keyup", listening_for_shift);

         var boxes = $(this).closest("fieldset").find("input[type='checkbox']"),
             any_selected = boxes.filter(":checked").size() > 0;

         if (any_selected) {
             $(document).on("keydown keyup", listening_for_shift);

         } else {
              $(document).off("keydown keyup", listening_for_shift);
         }

     });
});

function listening_for_shift(e) {

   if (e.keyCode == 16) {
       if (e.type === "keydown") {
           console.log(e);
        }

        if (e.type === "keyup") {
           console.log(e)
        }

     }

它有一种方法，当按下 shift 键时，我可以在调用该listening_for_shift函数的input[type=checkbox]元素上执行某些操作：被更改的元素？

编辑：

显然，我可以这样做：

    if (any_selected) {
        $(document).on("keydown keyup", function listening_for_shift(e) {

            if (e.keyCode == 16) {
                if (e.type === "keydown") {
                    console.log(self);

                }
                if (e.type === "keyup") {
                    console.log("no shift")
                }
            }

        });

    } else {
        $(document).off("keydown keyup", listening_for_shift);
    }

并且将添加侦听器。但我的.off()无法正常工作。

4

2 回答 2

1

在您的.off()调用中，第二个参数是上下文中不存在的文字，因为处理程序函数在if块中声明。将您的代码更改为：

function listening_for_shift(e) {
    if (e.keyCode == 16) {
        if (e.type === "keydown") {
            console.log(self);
        }
        if (e.type === "keyup") {
            console.log("no shift")
        }
    }
}

if (any_selected) {
    $(document).on("keydown keyup", listening_for_shift);
} else {
    $(document).off("keydown keyup", listening_for_shift);
}
于 2013-08-02T18:09:33.333 回答
0

您必须在更改事件之前侦听键事件，在事件处理程序内部更改已经发生，并且开始检查是否按下键为时已晚，并且复选框上的更改事件无论如何都没有键的概念，因为它不监听关键事件：

$(document).on('keyup keydown', function(e) {
    $(this).data('shift', e.type==='keydown' && e.shiftKey);
});

$(".test").on("change", function (e) {
    if ( $(document).data('shift') ) {
        $(this).prevUntil('[type="checkbox"]:checked')
               .filter('[type="checkbox"]')
               .prop('checked', this.checked);
    }
});

小提琴

于 2013-08-02T18:25:58.987 回答