javascript - 监听 dijit/form/TextBox 上的 tab 键

Question

我使用的是 dojo 1.10.4，我需要监听所有 TextBox 上的 Tab 键。

是否可以检测到此特定事件？

目前我正在使用 onFocus，但无法解决我的问题，因为在用户单击 TextBox 时包括的所有情况下都会触发该问题。

https://jsfiddle.net/92uc0tmn/8/

require(["dijit/form/TextBox", "dijit/registry", "dojo/domReady!"], function(TextBox, registry) {


  var textarea = new TextBox({
    name: "myarea",
    value: "Some value",
    intermediateChanges: true,
    selectOnClick: true,
    onChange: function() {}
  }, "myarea").startup();


  var textarea2 = new TextBox({
    name: "myarea2",
    value: "Some value",
    intermediateChanges: true,
    selectOnClick: true,
    onChange: function() {}
  }, "myarea2").startup();

  var textarea3 = new TextBox({
    name: "myarea3",
    value: "Some value",
    intermediateChanges: true,
    selectOnClick: true,
    onChange: function() {}
  }, "myarea3").startup();
});

Answer 1

我能够使用以下代码解决我的问题，基本上，我监听 onKeyPress 的 TAB 键。

我仍然不确定这种方法是否是最好的方法。欢迎任何想法。

https://jsfiddle.net/4grtLtvv/

require(["dijit/form/TextBox", "dijit/registry", "dojo/keys", "dojo/domReady!"], function(TextBox, registry, keys) {


  var textarea = new TextBox({
    name: "myarea",
    value: "Some value",
    intermediateChanges: true,
    selectOnClick: true,
    onKeyPress: function(evt) {
      if (evt.charOrCode === keys.TAB) {
       console.log('tab!');
      }
    }
  }, "myarea").startup();


  var textarea2 = new TextBox({
    name: "myarea2",
    value: "Some value",
    intermediateChanges: true,
    selectOnClick: true,
    onKeyPress: function(evt) {
      if (evt.charOrCode === keys.TAB) {
       console.log('tab!');
      }
    }
  }, "myarea2").startup();

  var textarea3 = new TextBox({
    name: "myarea3",
    value: "Some value",
    intermediateChanges: true,
    selectOnClick: true,
    onKeyPress: function(evt) {
      if (evt.charOrCode === keys.TAB) {
       console.log('tab!');
      }
    }
  }, "myarea3").startup();
});