当点击另一件事时,将焦点设置为一件事

Set focus to one thing when clicking on another?

本文关键字:一件 焦点 设置      更新时间:2023-09-26

这在Javascript中可能很简单,但我不知道如何做到。

示例:

<input type="textbox" id="txt">
<input type="button" id="btn">

假设我想点击btn并将其设置为txt,我该怎么做?非常感谢。

Javascript;HTML代码:

var btn = document.getElementById('btn');
var text = document.getElementById('txt');
btn.addEventListener('click', function() {
    text.focus();
});
<input type="textbox" id="txt">
<input type="button" id="btn" value="click me">

这是你唯一要做的事。

使用element.focus()方法。

var btn = document.getElementById('btn');
var txt = document.getElementById('txt');
btn.addEventListener('click', function() {
    txt.focus();
});

您可以尝试

OnClick="document.getElementById('txt').focus();

考虑用jQuery做同样的事情。更干净、更容易。

$("#btn").click(function(){
    event.preventDefault();
    $("#txt").focus();
});

event.preventDefault();将阻止表单按钮提交到其正常位置。可能没有必要?

这样做的缺点是必须包含jQuery。