使用JavaScript根据搜索输入更改窗口位置

Question

我的页面上有一个我想用于搜索的输入。我希望页面跳转到用户输入值的位置。

HTML：

<input name="searchInput" type="text" id="searchInputOne" class="searchInput" />
<input type="button" id="submitButton" value="Search" />

JS：

var input = document.getElementById("searchInputOne");
var submit = document.getElementById("submitButton");

function search() {
     window.location = window.location.href + "/" + input.value;
}

submit.onclick = search;

这在我的脑海中是有道理的，但它在实践中并不起作用。我确定我的search功能是错误的。我怎么能做对的？我想留下纯粹的JS。

Answer 1

  

我希望页面跳转到用户输入值的位置

按标识符选择元素，然后使用window.scrollTo()方法转到由offsetTop的值确定的元素顶部位置。

var elem = document.querySelector("#" + typedValue);
window.scrollTo(0, elem.offsetTop);

我假设您知道如何获取键入的值。