页面加载时焦点过滤选择

发布于 2024-11-01 07:22:53 字数 1095 浏览 1 评论 0原文


为什么下面的代码没有聚焦过滤选择?

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" src="http://yandex.st/dojo/1.6.0/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
    <style type="text/css">
            @import "http://yandex.st/dojo/1.6.0/dijit/themes/claro/claro.css";
    </style>
    <script type="text/javascript">
    <!--
    dojo.require("dijit.form.FilteringSelect");

    dojo.addOnLoad(function(){
        dijit.byId('dept').focus();
    });

    -->
    </script>
    </head>
    <body class="claro">
    <select name="dept" id="dept" dojoType="dijit.form.FilteringSelect" >
        <option value=""></option>
        <option value="test">test</option>
        <option value="test1">test1</option>
    </select>
    </body>
    </html>

我用 ie7 和 firefox 3/4 尝试过 - 它有效。
但在 ie8 中失败:-(
这可能是道场错误 - 还是我做错了什么?
dojo.addOnLoad() 什么时候触发?在 DOM 准备好之后,或者在所有小部件都正确初始化之后?
问候
格哈德

why does the following code don't focus the filteringselect?

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" src="http://yandex.st/dojo/1.6.0/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
    <style type="text/css">
            @import "http://yandex.st/dojo/1.6.0/dijit/themes/claro/claro.css";
    </style>
    <script type="text/javascript">
    <!--
    dojo.require("dijit.form.FilteringSelect");

    dojo.addOnLoad(function(){
        dijit.byId('dept').focus();
    });

    -->
    </script>
    </head>
    <body class="claro">
    <select name="dept" id="dept" dojoType="dijit.form.FilteringSelect" >
        <option value=""></option>
        <option value="test">test</option>
        <option value="test1">test1</option>
    </select>
    </body>
    </html>

I tried it with ie7 and firefox 3/4 - it works.
but it fails in ie8 :-(
may this be a dojo bug - or am I doing something wrong?
when does dojo.addOnLoad() fire? after the DOM is ready, or after all widgets have properly been initalized?
regards
gerhard

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

月下凄凉 2024-11-08 07:22:53

这是非常有趣的错误..我做了一些小研究并找到了解决方案。也许它看起来像一个“肮脏的黑客”,但它仍然可以帮助你。

您可以简单地添加超时:

dojo.addOnLoad(function () {
        setTimeout(function () { dijit.byId('dept').focus() }, 400);
});

用户不会注意到,但它可以给 IE 喘息的时间。

这对我来说在 IE8 中工作

it's very intresting bug.. i have made small research and found solution. maybe it looks like a "dirty hack", but still it can help you.

you can simply add timeout:

dojo.addOnLoad(function () {
        setTimeout(function () { dijit.byId('dept').focus() }, 400);
});

Not noticeable by a user but it gives IE a moment to breathe.

It's work in IE8 for me

<逆流佳人身旁 2024-11-08 07:22:53

我不确定哪些浏览器完全支持这一点,但您可以尝试:

<select name="dept" id="dept" dojoType="dijit.form.FilteringSelect" autofocus>

另外,如果您可以只使用链接标记,我不明白为什么您要使用 Import 语句:

之前:

<style type="text/css">
    @import "http://yandex.st/dojo/1.6.0/dijit/themes/claro/claro.css";
</style>

之后:

<link rel="stylesheet" type="text/css" href="http://yandex.st/dojo/1.6.0/dijit/themes/claro/claro.css"> 

I'm not sure what browsers fully support this, but you could try:

<select name="dept" id="dept" dojoType="dijit.form.FilteringSelect" autofocus>

Also, I don't see why you're using an Import statement if you could just use the link tag:

Before:

<style type="text/css">
    @import "http://yandex.st/dojo/1.6.0/dijit/themes/claro/claro.css";
</style>

After:

<link rel="stylesheet" type="text/css" href="http://yandex.st/dojo/1.6.0/dijit/themes/claro/claro.css"> 
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文