javascript - jqWidgets 中事件触发两次

Question

为什么此事件会触发两次？

解决方法是检查 event.args，但事件仍会触发两次。

$('#input').jqxInput({
  width: 200,
  height: 25
});

var changedCount = 0;
$('#input').on('change', function(event) {
  console.log("changed");
  console.log(event.args != undefined)
  changedCount++;
  $("#log").html("total times fired: " + changedCount);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" rel="stylesheet" />
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

<input id="input">
<div id='log'></div>

Answer 1

试试这个， Jsfiddle

尝试模糊，而不是更改。

var changedCount = 0;
$('#input').on('blur', function(event) {
  console.log("changed");
  console.log(event.args != undefined)
  changedCount++;
  $("#log").html("total times fired: " + changedCount);
});