Javascript:如何使用相同的按钮进行不同的文本输入?

标签 javascript textinput

假设我有 2 个输入元素,只有 1 个按钮。我希望按钮根据当前正在聚焦的输入元素一次为一个输入元素执行一项功能,但我不知道如何捕获每个元素的聚焦状态。

请考虑这个例子:

<head>
<script type="text/javascript">
var id_box = document.createElement('input');
id_box.id = 'id_box';
id_box.type = 'text';
div.appendChild(id_box);

var weight_box = document.createElement('input');
weight_box.id = 'weight_box';
weight_box.type = 'text';
div.appendChild(weight_box);

function showLetter() {
    if (id_box is being focused){
        document.getElementById('id_box').value = 'ABC';
    }
    if (weight_box is being focused){
        document.getElementById('weight_box').value = 'ABC';
    }
}
</script>
</head>

<body>
    <button onclick="showLetter()">ABC</button>
</body>

有什么想法吗?非常感谢。

最佳答案

单击按钮的那一刻,文本字段无论如何都会失去焦点。 try catch 每个文本框的 OnFocus 方法,并将变量设置为文本字段的实例。这样您就拥有最新的文本字段,并且不需要 if 语句。

关于Javascript:如何使用相同的按钮进行不同的文本输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5955583/

相关文章:

HTML 中动态下拉菜单的 JavaScript onchange 事件

javascript - 将 HTML 表的 <tbody> 元素指定为 Marionette for Backbone.js 中的区域

javascript数组参数列表

reactjs - 如何使用 native react 设置默认值?

html - 缩放时在 chrome for android 的固定位置在 iframe 中的输入类型文本上抬起键盘

javascript - wdio 异步调用在调用 promise 调用时丢弃 Selenium 连接

javascript - 使用 NodeJS 通过 librado 检索指标

html - 对齐文本输入下方的标签

android - Qt/QML : TextInput with Keys. onPressed 只接收DEL键,不接收其他键

javascript - 如何在 react native 文本输入中获取新输入的文本?