dijit/form/TextBoxのタブキーを聞く

Question

私はdojo 1.10.4を使用しています。私はすべてTextBoxのタブキーを聞く必要があります。

この特定のイベントを検出することはできますか？

現時点で私は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

私は基本的に、私はTABキーのonKeyPressに耳を傾け、次のコードを使用して、私の問題を解決することができました。

まだこのアプローチが最適かどうかはわかりません。 ご了承ください。

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(); 
});