如何在输入中绑定两个键盘键,例如Ctrl + L

时间:2019-07-05 02:19:45

标签: javascript html button input textinput

我有一个文本输入和一个按钮(请参见下文)。按下某些“ Ctrl + Enter(其他快捷方式)”键时,如何使用JavaScript触发按钮的单击事件?

<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />

3 个答案:

答案 0 :(得分:3)

这些键在事件值中的存储方式有所不同,因此您可以检查是否同时按下了它们

if(event.keyCode == 13 && event.ctrlKey){
   //insert logic
}

其他键也可以通过这种方式访问​​。

答案 1 :(得分:2)

您可以尝试使用keyCodectrlKey

    function check(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if(tecla == 13 && e.ctrlKey)
            alert("hello");;
    }
<input type="search"  onkeydown="return check(event);" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />

希望对您有帮助。

答案 2 :(得分:1)

在javascript中,您可以像

一样进行操作
<script>
 document.onkeyup = function(e) {
  if (e.which == 77) {
    alert("M key was pressed");
  } else if (e.ctrlKey && e.which == 66) {
    alert("Ctrl + B shortcut combination was pressed");
  } else if (e.ctrlKey && e.altKey && e.which == 89) {
    alert("Ctrl + Alt + Y shortcut combination was pressed");
  } else if (e.ctrlKey && e.altKey && e.shiftKey && e.which == 85) {
    alert("Ctrl + Alt + Shift + U shortcut combination was pressed");
  }
 };
</script>

或者您可以使用图书馆-https://wangchujiang.com/hotkeys/