重定向到具有焦点文本区域的页面答案

【问题标题】：Redirecting to a page with focusing a textarea重定向到具有焦点文本区域的页面
【发布时间】：2012-11-20 07:46:21
【问题描述】：

点击事件我重定向到另一个页面。当它登陆该页面时，它应该将文本区域集中在该页面的底部。我正在尝试很长时间。我正在开发 PHP 平台。希望我的问题清楚。

提前致谢。

【问题讨论】：

【解决方案1】：

将#focus 添加到您的网址末尾（即http://www.test.com/news/message1#focus. 然后使用下面的代码

<a name="focus"><a>
<textarea id="textarea_1">

</textarea>

<script type="text/javascript">
    if ( document.location.hash == '#focus' )
        document.getElementById('textarea_1').focus();
</script>

【讨论】：

此脚本将在页面加载时专注于评论文本区域。我希望仅当他们单击主页中的 cmets 时才会关注文本区域
针对您的新要求调整了代码。 javascript 代码现在将在末尾读取 #focus 的 url。如果它在那里，它将应用焦点。
添加了<a name="focus"></a>，这样您还可以确保在出现#focus 时页面会向下滚动到您的文本区域。
效果很好。但它不会将我的光标放在文本区域上。如果我按 Tab 键，光标就会进入我的区域。
顺序也一样吗？ javascript 应位于下方（或添加到 domReady..）

【解决方案2】：

给 textarea 一个autofocus 属性，或者添加在页面加载时触发焦点事件的javascript。

var textarea = document.getElementsByTagName("textarea")[0];
textarea.focus();

【讨论】：

我有一个带有新闻页面的网站。人们会阅读新闻并对此发表评论。新闻标题将显示在主页上，并且在每次页面刷新时都会更改。在主页上将显示新闻标题和 cmets。当我点击主页新闻中的 cmets 时，它应该进入实际的新闻页面，并且应该关注文本区域。