javascript - 在 Chrome 上使用 Jquery 检测 Shift + 单击

Question

我正在尝试使用 javascript 检测 Shift 单击，但由于某种原因它仅适用于 IE

.click(function (e) {
    if (e.shiftKey) {
        Rain();
    }
});

这是在 IE 中适用于我的代码，我如何在 Chrome 上检测到它

Answer 1

我不认为有一个明确的组合，但你可以自己制作。一个(粗略的)例子:

<div id="someElement">
    Click me for an alert!
</div>

<script>
var shiftPressed = false;
$(document).keydown(function(event) {
    shiftPressed = event.keyCode==16;
});
$(document).keyup(function(event) {
    if( event.keyCode==16 ){ shiftPressed = false; }
});

$('#someElement').on('click', function(e){
    if( shiftPressed ){
        alert("Shift and click!");
    }
    else{ alert("Nope"); }

});
</script>

您可以通过仅在按键按下时绑定(bind) .keyup() 来改进它，以便最大限度地减少事件数量。您应该在 if 语句之外添加尽可能少的逻辑，因为此事件被触发很多