使用Javascript向选定的文本框插入文本

我有两个文本框和一个按钮！ 我想在其中一个文本框中插入文本。当我点击

textbox\u 1

并点击按钮时，我的文本将出现在

textbox\u 1

。当我点击

textbox_2

并点击按钮时，我的文本将出现在

textbox_2

处。 如何使用JavaScript实现这一点？

---

请帮帮我！我是JavaScript新手

查看输入标记的onFocus（）属性，并考虑跟踪上次给定焦点的内容。我有点含糊不清，因为这听起来很像家庭作业

将两个文本框的id放入

textbox_1

和

textbox_2

并放入

onclick='onCLickButton（）；'

标签上的code> 并在脚本中编写以下代码

var text_to_be_inserted = "sample";
function onCLickButton(){
    document.getElementById("textbox_1").value='';
    document.getElementById("textbox_2").value='';
    if(document.getElementById("textbox_1").focused){
        document.getElementById("textbox_1").value=text_to_be_inserted;
    }
    else if(document.getElementById("textbox_2").focused){
        document.getElementById("textbox_2").value=text_to_be_inserted;
    }
    else{
        // do nothing
    }
}

function onFocusInput(object){
    document.getElementById("textbox_1").focused=false;
    document.getElementById("textbox_2").focused=false;
    object.focused = true;
}

已编辑

请接受我的道歉，事实上我已经习惯了使用这些函数，因为我有自己的js文件拥有这些函数

请添加

onfocus='onFocusInput（此）；'

标记中添加code>，并在脚本中添加以下代码

var text_to_be_inserted = "sample";
function onCLickButton(){
    document.getElementById("textbox_1").value='';
    document.getElementById("textbox_2").value='';
    if(document.getElementById("textbox_1").focused){
        document.getElementById("textbox_1").value=text_to_be_inserted;
    }
    else if(document.getElementById("textbox_2").focused){
        document.getElementById("textbox_2").value=text_to_be_inserted;
    }
    else{
        // do nothing
    }
}

function onFocusInput(object){
    document.getElementById("textbox_1").focused=false;
    document.getElementById("textbox_2").focused=false;
    object.focused = true;
}

var指数=假；
var text=“单击按钮时，此文本将切换到文本框”；
函数DisplayText（）{
如果（！索引）{
document.getElementById（“txt1”）.value=text；
document.getElementById（“txt2”）.value=“”；
}
否则{
document.getElementById（“txt2”）.value=text；
document.getElementById（“txt1”）.value=“”；
}
索引=索引？假：真；
}

这不是最漂亮/最精致的解决方案，但它很有效，您可以根据自己的需要构建它

<script>
var field = 0;
  function addText(txt){
     if(field === 0) return false;
     field.value = txt;
  }
</script>

var字段=0；
函数addText（txt）{
如果（字段===0）返回false；
field.value=txt；
}

对于一种形式，例如

<form>
<input type="text" name="box1" id="box1" onfocus="field=this;" />
<input type="text" name="box2" id="box2" onfocus="field=this;" />
<input type="button" onclick="addText('Hello Thar!');" />
</form>

它不起作用，我将焦点放在文本框2上，但当我单击按钮时，文本出现在文本框1上！帮助我！单击按钮时，焦点将更改为按钮-因此两个文本框都不再具有焦点。这就是它不起作用的原因。谢谢！但是你能解释得更多吗！我有一个带有多个文本字段输入的html表单。当我单击按钮时，它会将文本插入到我之前聚焦的文本框中，我可以为我的文本框使用onBlur事件吗？单击按钮是填充文本框的触发器，因此不需要onBlur（）。如果通过为每个框编写onFocus（）处理程序并使用全局变量，您还记得最后一次获得焦点的文本框，那么当您单击按钮并处理其onClick（）时，您将知道要在哪个框中写入文本。