我有2個文本框和一個按鈕！ 當我單擊按鈕時，它應該在所選文本框中寫1，但是我的代碼不起作用

Question

我有2個文本框和一個按鈕！ 當我單擊按鈕時，它應該在所選文本框中寫1，但是我的代碼不起作用。

我的代碼：

function one() {
var number = "1";


if (document.getElementById("txt1").focused) {
    document.getElementById("txt1").value = number;
}
else if (document.getElementById("txt2").focused) {
    document.getElementById("txt2").value = number;
}
else {

}

Answer 1

您可以執行以下操作：

<input type="text" onfocus="onFocus(this)" id="itext1"></input>
<input type="text" onfocus="onFocus(this)" id="itext2"></input>
<button onclick="setValue()">ClickMe</button>
<script>
    var selectedDOM = undefined;

    function setValue() {
        if (selectedDOM) { //selecteddom is present set text to it
            selectedDOM.value = 1;
        }
    }

    function onFocus(e) {
        selectedDOM = e;//register the last dom selected inside the variable.
    }
</script>

完整的工作代碼在這里

Answer 2

您可以使用onfocus屬性來執行此操作。

的HTML

<input type="text" onfocus="myFocusFunction(this)">
<input type="text" onfocus="myPlaceholderFunction(this)">

Java腳本

function myFocusFunction(x) {
   x.value = "1";    
}

function myPlaceholderFunction(x) {
   x.placeholder = "1";    
}

上面是聚焦時在文本框中設置值的兩種方法。 您可以先應用任何一個，然后再添加一個值，然后再添加一個占位符。

工作演示 ： JSFiddle

Answer 3

你可以這樣

<div>
    <input type="text" id="txt1">
    <input type="text" id="txt2">    
        <button type ="button" id='button'>Click Me </button>
</div>

的JavaScript

(function(){
    var number ='1';
    var _thisId=null;   
     var _button = document.getElementById('button');
     _button.addEventListener('mouseover',function(){
     _thisId = document.activeElement.id;
    },false)

    _button.addEventListener('click',function(){
        if(_thisId =='txt1'){
                document.getElementById("txt2").value = "";
                document.getElementById("txt1").value = number;     
            }
            else if(_thisId =='txt2'){
                document.getElementById("txt1").value = "";
                document.getElementById("txt2").value = number;     
                }
        })
}())

jsfiddle