Question

我对dojo完全不熟悉......而且我从jQuery的经验中得到了一点......

我有几个这样的元素：

<input name="info1" value="" style="width:52px" contstraints="{pattern:'#'}" dojoType="dijit.form.NumberTextBox"/>

<input name="info2" value="" style="width:52px" contstraints="{pattern:'#'}" dojoType="dijit.form.NumberTextBox"/>

<input name="info3" value="" style="width:52px" contstraints="{pattern:'#'}" dojoType="dijit.form.NumberTextBox"/>

但是我正在努力分配一个简单的onKeyUp事件...我尝试的一切看起来都会起作用但不会......控制台总是报告我试图做的事情不是函数...

dojo.addOnLoad(function()
{
    dojo.query('input[name^=info]').connect('onkeyup',function(e)
    {
        console.log('oh yeah');
    });
});

我做错了什么，我应该注意什么？

Answer 1

不幸的是，dojo.query()只会返回原生DOM节点。我想你想要回到渲染的Dijit Widget。

为此，您需要分配输入ID并使用dijit.byId()。

此外，与本机HTML事件名称不同，Dojo事件名称区分大小写。因此，onkeyup引用原生HTML，与Dojo事件名称onKeyUp不同。

我认为你在contstraints中可能还有额外的't'。

示例用法：

<html>
<head>
<title>Test</title>
<link type="text/css" rel="stylesheet" href="dijit/themes/tundra/tundra.css"/>
</head>
<body class="tundra">

<input id="input1" name="input" type="text"dojoType="dijit.form.NumberTextBox"/>

<script type="text/javascript" src="dojo/dojo.js"
        djConfig="isDebug: true, parseOnLoad: true"></script>

<script type="text/javascript">
dojo.require("dijit.form.NumberTextBox");
dojo.addOnLoad(
    function() {
        dojo.connect(dijit.byId("input1"), 'onKeyUp',
                function(e) { console.log('oh yeah'); });
    }
);
</script>

</body>
</html>

Answer 2

Dojo可以轻松地声明事件，而无需经过查询。只需将活动放在您的标记中即可。见http://docs.dojocampus.org/quickstart/events#events-with-dijit

<input name="info1" value="" style="width:52px" constraints="{places:0}" dojoType="dijit.form.NumberTextBox" onkeyup="console.log('key up')" />

它更简洁，您无需为了绑定事件而命名和查找引用。

无论哪种方式，abboq都是正确的，你通常希望直接处理小部件而不是DOM节点，因为实例化Dijit通常会最终重构DOM，使其看起来与原始页面非常不同。小部件充当抽象。

Dojo元素/小部件定位，我做错了什么？

2 个答案: