jqueryオートコンプリートを使用中に変更イベントを発生させることはできません

Question

問題があります。入力にjQueryを使用して値が入力されている間は、変更イベントは発生しません。私は以下のコードを説明しています。ここで

<input name="" type="text" class="inputfield" id="auto"> 

var city = [ 
    'Alabama', 'Alaska', 'Arizona' 
]; 

$('#auto').autocomplete({ 
    source:[city], 
    minLength: 1, 
    change: function (event, ui) { alert('hello'); } 
}); 

私の場合には起きていないされて発射する必要がある一つの値は、市内の配列からの入力フィールドに変更イベントを選択しますとき、私は必要です。私を助けてください。

Answer 1

は、オートフォーカス、フォーカス火災でアラートを追加し

var city = [ 
 
    'Alabama', 'Alaska', 'Arizona' 
 
]; 
 

 
$('#auto').autocomplete({ 
 
    source: city, 
 
    minLength: 1, 
 
    autoFocus: true, 
 
focus: function(event, ui) { 
 
     alert('hello'); 
 
    } 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<input name="" type="text" class="inputfield" id="auto">

Answer 2

イベントは正常に動作していますが、値が変更された後に要素がぼやけた場合にのみ発生します。あなたが選択がなされたときに起動するようにイベントをしたい場合は

は、selectイベントを使用します。

$('#auto').autocomplete({ 
    source: city, 
    minLength: 1, 
    select: function(event, ui) { 
     alert('hello'); 
    } 
}); 

Working example