我有2个文本框和一个按钮!当我点击按钮，它应该写1在选定的文本框，但我的代码不工作

I have 2 text Boxes and one button! When I click on button it should write 1 in the chosen text box but my code is not working

本文关键字：按钮 文本 工作 代码 我的 2个 一个 我有      更新时间：2023-09-26

我有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 {
}

你可以这样做:

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

完整的工作代码在这里

您可以使用onfocus属性来执行此操作。

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

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

以上是聚焦时文本框设置值的两种方法。您可以应用它们中的任何一个，之前将添加一个值，之后将添加一个占位符。

演示工作

: JSFiddle

你可以这样做

<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

相关文章：