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

Question

每次（有或没有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"); 
    } 
}); 

Answer 1

原因是因为change事件不包含键盘信息。要做到这一点，你需要的是设定在CTRL关键的keydown设置父元素的标记，并检查该标志为真时，更改事件发生

事情是这样的：

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