テキストボックスで履歴から選択した場合のイベント

下記のコードにより、name="keyword"のテキストボックスに1文字以上の入力があれば
id="exe"を実行することができる内容を実装いたしました。

ここで問題が一点生じたのですが、keyupイベントでid="exe"のボタンを押せるように仕掛けを
作ったところ、テキストボックスの履歴（Alt+↓）などで選択した場合、テキストボックス内が黄色のままで
（これは少し調べたところchromeブラウザ側のautocomplete機能のように思えますが）
入力が検知されず、id="exe"を実行することができません。

このように、テキストボックスの履歴（Alt+↓）などで選択でも入力を検知したい場合
どのようなイベントを設定すればよいのでしょうか。changeやkeypressでも実行できないため
何方かご教示を願います。

宜しくお願い申し上げます。

HTML
1 <div class="midashi">&nbspキーワード&nbsp<span style="color:#ff5757;">(※入力必須)</span></div>
2  <input type="text" id="keyword" name="keyword" value="" placeholder="例)ABCD...">
3
4
5<button id="exe" type="submit" name="button" style="margin-top:10px;"
6 disabled="disabled">検索実行</button>

JAVASCRIPT
1$(document).ready(function(){
2var txt=$('#keyword').val();
3    if (txt.length>0) {
4      $('#exe').prop('disabled',false);
5      $('#exe').css('cursor','pointer');
6    }
7});
8
9$(function() {
10  $('#keyword').on('keyup',function(){
11    var txt=$(this).val();
12    if (txt.length>0) {
13      $('#exe').prop('disabled',false);
14      $('#exe').css('cursor','pointer');
15    }
16    if (txt.length<1) {
17      $('#exe').prop('disabled',true);
18        $('#exe').css('cursor','');
19    }
20  });
21});

行動規範の内容に同意します

回答2件

ベストアンサー

inputイベントを使ってみたらできそうですけど、どうですか？

javascript
1    $(document).ready(function () {
2        var txt = $('#keyword').val();
3        if (txt.length > 0) {
4            $('#exe').prop('disabled', false);
5            $('#exe').css('cursor', 'pointer');
6        }
7    });
8
9    $(function () {
10        $('#keyword').on('input', function () { // ここを変えた
11            var txt = $(this).val();
12            if (txt.length > 0) {
13                $('#exe').prop('disabled', false);
14                $('#exe').css('cursor', 'pointer');
15            }
16            if (txt.length < 1) {
17                $('#exe').prop('disabled', true);
18                $('#exe').css('cursor', '');
19            }
20        });
21    });