将onchange事件侦听器添加到html输入字段中

Add an onchange event listener to an html input field

本文关键字：html 输入 字段 添加 onchange 事件 侦听器      更新时间：2023-09-26

我想在没有jquery:的情况下向这些输入字段添加一个onchange事件

<input type="text" id="cbid.wizard.1._latitude">
<input type="text" id="cbid.wizard.1._longitude">

我已经可以用调用对象了

<script type="text/javascript">
    alert(document.getElementById('cbid.wizard.1._latitude').id);
</script>

最后，我想添加这个行为，如果你在第一个输入中输入一对坐标，我会把这对坐标分布在两个输入字段上？

如何使用javascript添加onchange事件？

Ummm，是否为"change"事件附加事件处理程序？

纯JS

document.getElementById('element_id').onchange = function() {
  // your logic
};
// or
document.getElementById('element_id').addEventListener(
  'change',
  callbackFunction,
  false
);

jQuery

$('#element_id').change(function() {
  // your logic
});

备注

请注意，文本字段上的change事件将在blur事件之后激发。你可能在寻找keypress事件或类似的事情。

document.getElementById('cbid.wizard.1._latitude').onchange = function(){
   //do something
}

GlobalEventHandlers.onchange文档

或

document.getElementById('cbid.wizard.1._latitude').addEventListener("change", function(){
    //do something
});

EventTarget.addEventListener文档

在window.onload 中使用addEventListener

    window.onload=function(){    
document.getElementById('cbid.wizard.1._latitude').addEventListener("change", function(){
            //do something
        });
    };

addEventListener

请尝试使用以下代码片段。

<body>
    <input type="text" id="cbid.wizard.1._latitude">
    <input type="text" id="cbid.wizard.1._longitude">
    <script type="text/javascript">
        var txt1 = document.getElementById('cbid.wizard.1._latitude');
        txt1.addEventListener('change', function () { alert('a'); }, false);
    </script>
</body>
相关文章：