Question

我有2个textBox和1个按钮！我想在其中一个文本框中插入文本。当我点击textbox_1并点击按钮时，mytext将显示在textbox_1。当我点击textbox_2并点击按钮时，mytext将显示在textbox_2。我怎么能用JavaScript做到这一点？请帮我！我是JavaScript的新手！

Answer 1

将两个文本框的ID设为textbox_1和textbox_2，并将onclick='onCLickButton();'放在<button>标记上并在脚本中编写以下代码

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
    }
}

的被修改 的

请接受我的道歉实际上我习惯使用这些功能，因为我有自己的具有这些功能的js文件。

请在onfocus='onFocusInput(this);'代码中添加<input>，并在脚本中添加以下代码

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

Answer 2

查看INPUT标记的onFocus（）属性 - 并考虑跟踪最后给出焦点的内容。我有点模糊，因为这听起来很像家庭作业。

Answer 3

<html>
<head>
    <script type="text/javascript">
        var index = false;
        var text = "This text shifts to text box when clicked the button";

        function DisplayText(){
            if(!index){
                document.getElementById("txt1").value = text;
                document.getElementById("txt2").value = "";
            }
            else{
                document.getElementById("txt2").value = text;
                document.getElementById("txt1").value = "";
            }

            index = index ? false : true;
        }
   </script>
</head>
<body>
    <input type="text" id="txt1"/>
    <input type="text" id="txt2"/>
    <input type="button" value="Change Text" onclick="DisplayText()"/>
</body>
</html>

Answer 4

这不是最漂亮/最精细的解决方案，但它可以工作，你可以建立它来满足你的需求。

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

表格如

<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>

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

4 个答案: