javascript - onblur 在值更改之前触发

Question

我有两个输入，它们是 <form> 的一部分。我试图在其中之一发生更改(dpFin)后获取输入的值。问题是，当我使用 var endDt = document.getElementById("dpFin").value; 获取值时，在事件内部我得到的不是新值，而是旧值。我如何才能获取新设置的值？

function compararFechas() {
  var startDt = document.getElementById("dpInicio").value;
  var endDt = document.getElementById("dpFin").value;

  console.log(startDt);
  console.log(endDt);
}

<div class="form-group col-md-6">
  <label>Inicio:</label>
  <div>
    <input type="text" id="dpInicio" name="dpInicio" class="form-control datepicker-here" data-language='es' data-timepicker="true" data-time-format='hh:ii aa' readonly />
  </div>
</div>
<div class="form-group col-md-6">
  <label>Fin:</label>
  <div>
    <input type="text" id="dpFin" name="dpFin" class="form-control datepicker-here" data-language='es' data-timepicker="true" data-time-format='hh:ii aa' readonly onblur="compararFechas()" />
  </div>
</div>

Answer 1

从外观上看，您正在使用第三方日期选择器，因此您的 blur 事件永远不会被触发。如果您检查文档，您的日期选择器上可能会存在一个可以 Hook 的事件。

当您在 输入上失去 焦点时，

模糊将会触发。使用日期选择器时，当日期选择器弹出时，您已经失去了焦点 - 因此是旧值。