捕鼠器 - 添加包装特定元素会出现错误 a.attachEvent is not a function

Question

我正在使用 JS 库 - Mousetrap v1.6.1 作为键盘快捷键。

我的 HTML 页面上有 2 个表格，billheaderfrm 和 billfooterfrm。我正在使用以下代码绑定到 headerfrm

  var headerfrm = $('#billheaderfrm');
  Mousetrap(headerfrm).bind('ctrl+s', function(e, combo) {
    e.preventDefault();
    headerfrm.submit(function (event) {
      event.preventDefault();
      updatebillheader();
    });
    return false;
  });

我在jquery$(document).ready(function()中添加了上面的代码。

当页面加载时，我在控制台中收到错误消息 - TypeError: a.attachEvent is not a function

仅供参考：根据文档，从 1.5 版开始支持绑定到选定元素。

Answer 1

$('#billheaderfrm') 是一个 jQuery 对象，而 jQuery 对象没有 attachEvent 方法。改为绑定到 DOM 元素：

var headerfrm = document.getElementById('billheaderfrm');
Mousetrap(headerfrm).bind('ctrl+s', function(e, combo) { ...

捕鼠器 - 添加包装特定元素会出现错误 a.attachEvent is not a function

Mousetrap - Adding Wrapping Specific Elements gives error a.attachEvent is not a function

javascript

keyboard-shortcuts

mousetrap