Javascript固定页脚覆盖焦点

我想您正在寻找Element.scrollIntoView()函数。

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

    function setFocusToElement () {
      var element = document.getElementById("yourelement");
      element.focus();
      element.scrollIntoView();
    }

如果所有输入字段都是 <input> s、 您可以使用JavaScript这样做:

[].forEach.call(document.getElementsByTagName("input"), function(element) {
    element.addEventListener("focus", function(event) {
        window.location.href = location.pathname + "#" + event.target.id;
    })
})

1. 迭代每个 < 要素
2. 添加 onfocus 每个事件的事件侦听器 < 要素
3. 将窗口位置设置为文件名,再加上刚刚关注的元素的hashtag选择器。

希望这对你有帮助!

以下是jQuery做同样事情的方法:

$("input").on("focus", function() {
    window.location.href = location.pathname + "#" + $(this).id;
})

稍微简单一点,但它做同样的事情。