用于“ctrl”的JavaScript或Jquery事件处理程序+更改

Posted 2021-03-29

每次（有或没有CTRL按下），我得到相同的日志; control is not pressed。有人可以解释一下是什么原因。

$("Selector").on("change",function(e){
    if(e.ctrlKey){
        console.log("ctrl is pressed");
    }
    else{
        console.log("ctrl is not pressed");
    }
});

答案

原因是因为change事件不包含键盘信息。为此，您需要在CTRL键的keydown上设置的父元素上设置一个标志，并在发生更改事件时检查该标志是否为true

像这样的东西：

var ctrlKeyHeld = false;

$(document).keydown(function(e) {
    ctrlKeyHeld = e.ctrlKey;
}).keyup(function() {
    ctrlKeyHeld = false;
})

$("#foo").on("change",function(e){
    if (ctrlKeyHeld){
        console.log("ctrl is pressed");
    }
    else{
        console.log("ctrl is not pressed");
    }
});

Working example