页面加载时如何将焦点设置为图像按钮？答案

【问题标题】：how to Set focus to a Image Button while Page Load?页面加载时如何将焦点设置为图像按钮？
【发布时间】：2011-11-08 23:30:33
【问题描述】：

我可以让图像按钮在加载页面时获得焦点。我已在脚本端将 Image 按钮的 TabIndex 值设置为“-1”，同时按下 Tab 键，所有控件的选项卡索引都在更改，包括 Image 按钮，但我希望 Image 按钮在加载页面时聚焦。

图片按钮和其他控件有什么区别吗？我必须使用什么属性或函数来设置焦点？

我正在使用下面的行来设置焦点，但它不起作用：

ScriptManager1.SetFocus(imgSearch1);

提前致谢。

【问题讨论】：

这些选项你试过了吗...stackoverflow.com/questions/45827/…
imgSearch1 是您要关注的按钮吗？我对ASP.NET不是很熟悉，但是应该有一个Focus()方法可以直接在你的控件上调用并进行对焦。
我有函数，函数 imgSetFocus() { var ele = document.getElementById('TabContainer1_tabCountry_imgSearch1'); ele.tabIndex = -1; ele.focus(); } 但其显示错误消息为“htmlfile：无法将焦点移至控件，因为它不可见、未启用或属于不接受焦点的类型。”该图像按钮属性已启用且可见

标签： c# asp.net

【解决方案1】：

简单的方法是创建一个javascript函数并在body标签中调用它。

【讨论】：

嗨，正如你所说，我已经调用了一个 javascript 函数，函数 imgSetFocus() { var ele = document.getElementById('TabContainer1_tabCountry_imgSearch1'); ele.tabIndex = -1; ele.focus(); } 但其显示错误消息为“htmlfile：无法将焦点移至控件，因为它不可见、未启用或属于不接受焦点的类型。”该图像按钮属性也已启用且可见。那为什么会出现这个错误呢？
使用 document.getElementById('').focus();
它显示错误“；预期”我认为你的代码格式是正确的，没有语法错误。我不明白为什么会出现这个错误。我已经检查了所有内容。
function setload() { document.getElementById('').focus(); }
请使用以下代码：function setload() { document.getElementById('').focus(); }

【解决方案2】：

试试这个

imgSearch1.Focus();

或者在设置tabIndex之前先设置焦点：

var ele;
function imgSetFocus() {
   ele = document.getElementById('<%= imgSearch1.ClientID %>');
   ele.focus(); 
   setTimeout(function(){ ele.tabIndex = -1 }, 500);
}

【讨论】：

再次显示运行时错误“htmlfile：无法将焦点移至控件，因为它不可见、未启用或属于不接受焦点的类型。”
我想你把这些 JS 代码放在头上不是吗？放在页面下方。\
如果您的代码在控件创建/渲染之前执行，那么javascript自然无法找到控件。正如我所说，将它放在标记中的控件之后，或者更好地放在页面下方。（在正文标记