javascript - 将 onchange 事件监听器添加到 html 输入字段

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

嗯，为“更改”事件附加一个事件处理程序？

纯 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 事件或类似事件。