javascript - Mousetrap - 添加包装特定元素会产生错误 a.attachEvent is not a function

Question

我正在使用 JS 库 - Mousetrapv1.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) { ...