Dojo：如何在 onKeyPress 或 onChange 上获取 NumberTextBox 中的最新值？

发布于 2024-09-06 13:51:01 字数 946 浏览 11 评论 0原文

我有一堆以编程方式创建的 NumberTextBox。现在，我必须计算按键上的一些值，因此我为此调用一个函数...看起来像这样：

...
<head>
...
function setNumTextBox() {
    ...
    var val = {
        name: "mytextbox",
        onKeyPress: keyPressFxn
    }
    new dijit.form.NumberTextBox(val, "mytextbox");
}

function keyPressFxn(evt) {
    // do the processing here
}
...

现在，我的问题是这样的。例如，用户键入“12”。当用户输入“1”时，dijit.byId(“mytextbox”).attr(“value”)为“”。当用户输入“2”时，该值现在为“1”。简而言之，我在函数中获得的值（我也尝试过“displayedValue”属性）不是最新的。

我尝试使用“intermediateChanges：true”，但它不适用于这种情况的文本框。现在，我继续使用“onChange”事件而不是“onKeyPress”。我得到了正确的值，但是...我不知道什么叫 onChange 事件。

问题：

如果我要使用“onKeyPress”事件，如何获取最新值？这意味着，如果我输入“123”，当我访问该字段的值/displayedValue 时，我将得到“123”。
如果我使用“onChange”，如何获取触发 onChange 事件的元素的 id？（它不像 evt.target.id 那么简单，对吗？尝试过，但不起作用）
或者，我必须使用两者的组合吗？比如，通过 onKeyPress 获取调用者的 id，然后获取用户通过 onChange 键入的更新值？

谢谢！

原文

I have a bunch of NumberTextBoxes which I created programmatically. Now, I have to compute some values on keypress so I call a function for that... Looks something like this:

...
<head>
...
function setNumTextBox() {
    ...
    var val = {
        name: "mytextbox",
        onKeyPress: keyPressFxn
    }
    new dijit.form.NumberTextBox(val, "mytextbox");
}

function keyPressFxn(evt) {
    // do the processing here
}
...

Now, my problem is this. The user types, say, "12". When the user types in "1", dijit.byId("mytextbox").attr("value") is "". When the user types in the "2", the value is now "1". In short, the value (I've also tried the "displayedValue" attribute) that I get in the function is not the latest.

I tried to use "intermediateChanges: true" but it doesn't work for the text box for this case. Now, I went ahead and used the "onChange" event instead of "onKeyPress". I get the correct values but... I don't know what called the onChange event.

Questions:

If I am to use the "onKeyPress" event, how do I get the latest value? Meaning, if I type in "123", I'll get "123" when I access the field's value/displayedValue.
If I use "onChange", how do I get the id of the element that fired the onChange event? (it's not as simple as evt.target.id right? Tried that one and it didn't work)
Or, do I have to use a combination of the 2? Like, get the id of the caller via onKeyPress then get the updated value that the user typed via onChange?

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦幻的味道 2024-09-13 13:51:01

这应该会让你接近你想要的。您可能还需要跟踪 dojo.keys.CLEAR 和 dojo.keys.DELETE 常量。

function keyPressFxn(evt) {
  var value = this.value;
  if (dojo.keys.BACKSPACE == evt.keyCode ) {
    console.log(value.substr(0, value.length - 1));
  } else {
   console.log(value + String.fromCharCode(evt.charCode));
  }
}

This should get you close to what you wanted. You may need to track the dojo.keys.CLEAR and dojo.keys.DELETE constants as well.

function keyPressFxn(evt) {
  var value = this.value;
  if (dojo.keys.BACKSPACE == evt.keyCode ) {
    console.log(value.substr(0, value.length - 1));
  } else {
   console.log(value + String.fromCharCode(evt.charCode));
  }
}

回复收藏 0 原文