jqWidgetsでイベントが2回発生する

Question

このイベントはなぜ2回発生しますか？

回避策はevent.argsを確認することですが、イベントはまだ2回発生します。

$('#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); 
}); 

あなたはINPUTタグの標準Javascriptの変更イベント、jQWidgetsカスタムイベントが発生していることを確認していないことを行います。