Home / Questions / 58438
Accepted
Danilo
Asked: 2020-03-28 18:57:21 +0800 CST 2020-03-28 18:57:21 +0800 CST

如何在 jquery 中使用热键？

  • 772

我想知道如何在 jquery 中使用热键。

目前对于按钮的单击事件，它以这种方式使用：

 $("#id_boton").on('click', function (e) {
 //codigo ...
 });

在数据表的行的情况下：

$('#idtable tbody').on('click', 'input.elimina_fila', function () {
 //codigo
});

但我想知道例如当我按下 A 键以及 F1、F2、F3 键时。但是，当按下 F1 键时，会打开一个浏览器选项卡（帮助），对于这些情况，我想知道如何阻止该操作。

但是在表格行的情况下，它会如何。例如，在表格行中，有一个按钮类型的输入，它有一个名为 delete_row 的类，其中在同一个输入中，有一个数据值，在事件中，它接收到带有此数据的值，如下所示：

$('#idtable tbody').on('click', 'input.elimina_fila', function () {
var valor= $(this).data("valor");

});

如果我将自己定位在表格的行中，然后按 Enter 键，我该怎么做，如果在哪里捕获数据？

我想知道当我按下按钮以及当我在数据表的行中时应该如何或使用什么事件。

我希望我能得到你的帮助

javascript

1 Answers

  1. Best Answer

    F1像这样阻止热键的动作。总是改变按键的 KeyCode。这个页面可以帮助 获取一个key的KeyCode

    $(function() {
    $(document).on('keydown', 'body', function(event) {
        if(event.keyCode==112){ //F1
            event.preventDefault();
         }
     });
 });

    如果您想阻止多个键，考虑到此示例适用于body如果您想在一个input或另一个元素中执行此操作，则必须修改指示IDorClase指定它。

     $(function() {
    $(document).on('keydown', 'body', function(event) {
                    //cambiar body por input.elimina_fila por ejemplo
        var array= [112,113,114,115];//F1,F2,F3,F4
         if(array.includes(event.keyCode)) {
            event.preventDefault();
         }
     });
 });

    对于表格的输入，它会是类似的

    $(function() {
    $('#idtable tbody').on('keydown', 'input.elimina_fila', function(event) {
                    //cambiar body por input.elimina_fila por ejemplo
        var array= [112,113,114,115];//F1,F2,F3,F4
         if(array.includes(event.keyCode)) {
            event.preventDefault();
         }
     });
 });
    • 3