点击另一个时将焦点设置为一件事?

时间:2015-04-08 02:00:57

标签: javascript

这在Javascript中可能非常简单,但我不知道该怎么做。

示例:

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

说我想点击btn然后把它集中在txt上,我该怎么做呢?谢谢!

4 个答案:

答案 0 :(得分:1)

使用element.focus()方法。

var btn = document.getElementById('btn');
var txt = document.getElementById('txt');

btn.addEventListener('click', function() {
    txt.focus();
});

答案 1 :(得分:1)

Javascript&amp; 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">

这是你唯一要做的事情。

答案 2 :(得分:0)

你可以尝试

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

答案 3 :(得分:0)

考虑用jQuery做同样的事情。更清洁,更轻松。

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

event.preventDefault();将停止表单按钮提交到正常情况下的任何位置。可能没有必要吗?

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