события, дважды стреляющие в 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); 
}); 

Answer 2

Попробуйте следующее:

$('#input').on('change', function(event) { 
    if (!event.args) return; 

    console.log("changed"); 
    console.log(event.args != undefined) 
    changedCount++; 
    $("#log").html("total times fired: " + changedCount); 
}); 

Делая что вы убедитесь, что пользовательское событие jQWidgets поднимается, а не стандартное изменение событий Javascript входных тегов.