注意

Question

我想在没有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事件？

Answer 1

嗯，为'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事件或类似事件。

Answer 2

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

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onchange

或

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

https://developer.mozilla.org/en/docs/Web/API/EventTarget.addEventListener

Answer 3

在addEventListener

中使用window.onload

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

addEventListener

Answer 4

请尝试使用以下代码段。

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

向字段添加onchange事件侦听器

4 个答案:

注意