当前位置：文江博客话题详情

根据用户的点击将焦点移动到输入上？

发布于 2024-12-09 09:39:38 字数 211 浏览 0 评论 0原文

我有一个主页，您可以在其中点击注册或创建帐户

如果您点击任一链接，您将进入同一页面，实时注册并创建帐户在同一页上。

他们想要的是当您单击“注册”时位于“用户名输入”字段中的焦点，但如果您单击“创建帐户”时，则焦点位于“名字输入”字段中。

如何根据用户在上一页上单击的内容来确定焦点应位于何处？

原文

分享到QQ

分享到微博

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

发布评论

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

同展鸳鸯锦 2024-12-16 09:39:38

您可以使用隐藏字段或查询字符串。在注册/创建帐户页面的 document.ready 上，您可以使用 focus()。

华泰
阿里

回复收藏 0 原文

优雅的叶子 2024-12-16 09:39:38

你可以通过url传输这些数据，js能够读取URL中井号'#'后面的字符串。通常这用于滚动，但您可以用它来聚焦。

<script>
function getHash() {
  var hash = window.location.hash;
  return hash.substring(1); // remove #
}
function init() {
    document.getElementById(getHash()).focus();
}
</script>
<body onload="init();">
<input id="a" /><br/>
<input id="b" /><br/>
</body>

网址将是

server.com/login.html#focusedElementId

You could transfer this data with the url, js is able to read Strings after the Hash Sign '#' in the URL. Usually this is used for scrolling, but you can use it for focusing.

<script>
function getHash() {
  var hash = window.location.hash;
  return hash.substring(1); // remove #
}
function init() {
    document.getElementById(getHash()).focus();
}
</script>
<body onload="init();">
<input id="a" /><br/>
<input id="b" /><br/>
</body>

The Url would be