如何在没有所有 HTML 的情况下将焦点设置到 HTML 输入元素？

Question

一、背景： 我正在使用 Tapestry 4，因此任何给定页面的 HTML 都是由分散在应用程序中的各种 HTML 片段拼接在一起的。 对于我正在处理的组件，我没有 标记，因此我无法为其指定 onload 属性。

该组件有一个输入元素，在页面加载时需要获得焦点。 有谁知道如何在页面加载时将焦点设置到文件输入（或任何其他文本类型输入）而无需访问正文标记？

我尝试过将脚本插入正文中，例如
document.body.setAttribute('onload', 'setFocus()')
（其中 setFocus 是一个将焦点设置到文件输入元素的函数），但这不起作用。 但我不能说我对此感到惊讶。

编辑：
如前所述，我确实需要使用页面组件来执行此操作。 我最终将文件类型输入添加到我们用来将焦点放在页面上第一个可编辑和可见输入的脚本中。 在研究这个问题时，我没有发现这样做有任何安全问题。

Answer 1

<script>
window.onload = function()  {
     document.getElementById('search_query').select();
    //document.getElementById('search_query').value = ''; 
    // where 'search_query' will be the id of the input element
};
</script>

我想一定有用！

Answer 2

这对我来说效果很好：

<script>
  function getLastFormElem(){
    var fID = document.forms.length -1;
    var f = document.forms[fID];
    var eID = f.elements.length -1;
    return f.elements[eID];
  }
</script>


<input name="whatever" id="maybesetmaybenot" type="text"/>
<!-- any other code except more form tags -->

<script>getLastFormElem().focus();</script>

Answer 3

你可以给窗口一个 onload 处理程序

window.onload = setFocus;

Answer 4

我认为你的封装存在根本问题。 尽管在大多数情况下，您可以将事件处理程序附加到 onload 事件 - 请参阅 http://ejohn .org/projects/flexible-javascript-events/，作者：John Resig，了解如何执行此操作，setFocus 需要由页面组件管理，因为页面上不能有两个需要获得焦点的组件当页面加载时。

Answer 5

尝试使用 tabstop属性

Answer 6

首先，输入文件与其他输入不同，您需要记住这一点......这是出于安全原因。 当输入文件获得焦点时，它应该是只读的，或者浏览器应该弹出一个对话框来选择某个文件。

现在，对于其他输入，您可以在某些元素上尝试一些 onload 事件...（不仅主体有 onload 事件），或者您可以在 html 中间使用内联 javascript。 如果您放置 JavaScript 代码而不告诉它是一个函数，那么它会在浏览器读取它时执行。 类似于：

<script type="text/javascript">

function yourFunction()
{
   ...;
};

alert('hello world!");

yourFunction();

</script>

当浏览器读取警报时，该函数将在警报之后执行。

如果可以的话，您应该使用 jQuery 来执行 javascript。 它会让你的生活变得非常轻松......:)

Answer 7

使用 jQuery 可以这样完成：

$(function() {
    $("input:file").eq(0).focus()
})

使用纯 javascript 可以这样完成：

var oldWindowOnload = window.onload; // be nice with other uses of onload 
window.onload = function() {
    var form = document.forms[0];
    for(i=0; i < form.length; i++) {
        if (form[i].type == "file") {
            form[i].focus();
        }
    }
    oldWindowOnload();
}

有关使用纯 javascript 的更详细的解决方案，请参阅在 CodeProject 上将焦点设置为网页上的第一个输入。

Answer 8

Scunliffe 的解决方案具有可用性优势。

当页面脚本加载缓慢时，如果用户滚动页面，从“onLoad”事件调用 focus() 会导致非常令人讨厌的页面“跳转”。 所以这是一种更加用户友好的方法：

<input id="..."></input>
... really small piece of HTML ...
<script>getTheDesiredInput().focus();</script>