javascript - Mousetrap - 添加包装特定元素会出现错误 a.attachEvent 不是函数

Question

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

我的 HTML 页面上有 2 个表单:billheaderfrm 和 billfooterfrm。我使用下面的代码绑定(bind)到 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 版开始支持绑定(bind)到所选元素。

Answer 1

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

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