微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – Dojo元素/小部件定位,我做错了什么?

我对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');
    });
});

我做错了什么,我应该注意什么?

解决方法:

不幸的是,dojo.query()只返回本机DOM节点.我想你想要回到渲染的Dijit Widget.

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

此外,与本机HTML事件名称不同,Dojo事件名称区分大小写.因此,onkeyup引用本机HTML,并且与Dojo事件名称onKeyUp不同.

我认为你的约束可能还有一个额外的’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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐