Question

我有1个文本字段，每个按钮都有自己的值。

在下面的代码中，因为我只有一个输入字段，所以我使用它根据按钮值将值更新为输入字段ID。当有多个输入字段时，如何知道在单击按钮之前将哪个输入字段传递给输入字段？

var x,y;
    function first(){
        var y=1;
        document.getElementById("how").value=y;
        }
    
    function second(){
        var x=2;
        document.getElementById("how").value=x;
        }

<input type="button" onclick="first()" value="1" id="01"/>
    <input type="button" onclick="second()" value="2" id="02"/>
    <input type="text" value="" id="how"/>

让我知道如何以最简单的方式实现

Answer 1

您可以为每个输入创建一个onfocus函数，并使其存储最后一个聚焦输入的全局参考。然后在按钮单击功能中使用全局引用。

代码示例：

<input type="button" onclick="first()" value="1" id="01"/>
<input type="button" onclick="second()" value="2" id="02"/>
<input type="text" onfocus="inputFocus(this)" value="" id="input1"/>
<input type="text" onfocus="inputFocus(this)" value="" id="input2"/>  
<input type="text" onfocus="inputFocus(this)" value="" id="input3"/>      
<script>

var x,y;
var focusObj;

function first(){
    var y=1;
    if(focusObj) focusObj.value = y;
}

function second(){
    var x=2;
    if(focusObj) focusObj.value = x;
}

function inputFocus(obj) {
   focusObj = obj;
}

</script>

使用多个按钮更新多个文本字段的值

1 个答案: