在Javascrip里,当页面加载完成后,将第一个输入框定焦,点击回车选中第二个,一直到最后,不知道input的id
时间: 2023-07-15 14:15:49 浏览: 51
你可以通过以下代码实现:
```javascript
window.onload = function() {
var inputs = document.getElementsByTagName('input');
inputs[0].focus();
for(var i = 0; i < inputs.length - 1; i++) {
inputs[i].addEventListener('keydown', function(event) {
if(event.keyCode === 13) {
inputs[i+1].focus();
}
});
}
}
```
这段代码会在页面加载完成后,首先将第一个 input 元素定焦。然后添加了一个事件监听器,当用户在当前 input 元素中按下回车键时,就将焦点转移到下一个 input 元素上。注意,这里使用的是 `getElementsByTagName('input')` 获取所有 input 元素,因此不需要知道 input 的 id。
相关问题
上述问题中,当我修改了第一个输入框,点击第二个输入框仍会触发重置事件,这个时候怎么修改
如果在修改第一个输入框的值后,点击第二个输入框仍然会触发重置事件,你可以尝试使用`JavaScript`来禁用或移除相关的事件处理程序,以防止重置事件的触发。
你可以使用`Execute JavaScript`关键字来执行`JavaScript`脚本,通过找到第二个输入框并禁用或移除其相关事件处理程序来解决这个问题。
下面是一个示例代码:
```
Execute JavaScript document.getElementById('your-second-input-id').removeAttribute('oninput');
```
在上面的代码中,将`your-second-input-id`替换为你要修改的第二个输入框的id。
通过使用上述代码,你可以移除第二个输入框的oninput事件处理程序,从而避免重置事件的触发。这样,当你修改第一个输入框后,点击第二个输入框不会再触发重置事件了。
怎样在第二个页面中添加一个按钮,点击后关闭页面返回第一个页面?
你可以在第二个页面的 HTML 代码中添加一个按钮,然后给它绑定一个 JavaScript 函数,让它在被点击时关闭当前页面并返回第一个页面。
HTML 代码:
```
<!DOCTYPE html>
<html>
<head>
<title>第二个页面</title>
</head>
<body>
<h1>这是第二个页面</h1>
<button onclick="goBack()">返回</button>
<script>
function goBack() {
window.close(); // 关闭当前页面
window.opener.location.reload(); // 刷新打开当前页面的父级页面
}
</script>
</body>
</html>
```
JavaScript 函数 `window.close()` 可以关闭当前页面,而 `window.opener` 可以访问打开当前页面的父级页面。我们可以使用 `window.opener.location.reload()` 来刷新父级页面,让它重新加载。这样就可以返回到第一个页面了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)