javascript - initKeyboardEvent 的基本示例

Question

我正在尝试寻找使用 initKeyboardEvent() 的基本示例。理想情况下，我想创建一个键盘事件，当用户在一个输入字段中键入时按下 enter 按钮时，将使用 jQuery 显示另一个输入字段。有谁知道我在哪里可以找到使用 initKeyboardEvent() 的基本可理解示例？

Answer 1

initKeyboardEvent 最初是 initKeyEvent，MDN 上有一个工作示例:https://developer.mozilla.org/en-US/docs/DOM/event.initKeyEvent在这里:http://www.howtocreate.co.uk/tutorials/javascript/domevents .

我相信您可以通过网络搜索找到很多示例:“javascript initkeyevent”和“javascript initKeyboardEvent”。您可能需要测试支持以确定使用哪个。

另请注意，initKeyboardEvent 将在 DOM 4 (draft) 中弃用支持 Event 构造函数语法，在 DOM 3 中建议并在 DOM 4 (draft) 中实现.

一个简单的功能测试可能是这样的:

// Test for Event constructor
if (typeof Event != 'undefined') {
  var x, evt;
  try {
    x = new Event('keyboardEvent');
  } catch(e) {
    x = void 0;
  }
}

// test to see which method to use
if (typeof x != 'undefined') {
  alert('Use Event constructor');

} else if (document.createEvent) {
  evt = document.createEvent('KeyboardEvent');

  if (evt && evt.initKeyboardEvent) {
    alert('Use initKeyboardEvent');

  } else if (evt && evt.initKeyEvent) {
    alert('Use initKeyEvent');
  }
}

但就目前而言，最好测试 DOM 2 createEvent 并将其与 initKeyEvent 或 initKeyboardEvent 一起使用(视情况而定)。

请注意，Firefox 14 似乎不支持 initKeyboardEvent 但支持 Event 构造函数和 initKeyEvent，IE 9 则相反，不支持 initKeyEvent 或 Event 构造函数，但支持 initKeyboardEvent。