jQueryでユーザーと同じ挙動でテキストボックスに入力

Question

前の質問を見ればわかると思いますが
テキストボックスに入力すると変化するサイトで
自動的に変化させたいのですが以下のようにしても解決しませんでした

$("input[type=text]").val("あ").change();

デベロッパツールから探したら検知しているのは以下の文が出てきました

$("").bind("input change");

どのようにしたらイベントを着火し変化されられるのでしょうか

Comments

[s8_chu]

確認したいのですが、自動でテキストボックスに文字を入力したいということでしょうか？

[yuta0801]

自動で、手動で入力した時に発生するイベントを着火したいということです

[s8_chu]

「自動で、手動で」というのは、「自動もしくは手動で入力したとき」という解釈で合っていますか？

[kei344]

「手動で入力した時に発生するイベント」のコードを提示ください。

[yuta0801]

@s8_chu 自動で、(手動で入力した時に発生するイベント)を着火したいということです」と書いたほうが分かりやすいかもしれませんね

[yuta0801]

@kei344 イ発生するベントのコードというのはイベントを設定しているコードのことでしょうか？それなら書いたとおりbind("input change")です

[kei344]

それなら先ほどの回答のコードで動いているのを確認出来ますよ。https://jsfiddle.net/zhum4t5e/ コンソールに「true」が2回表示されているはずです。 http://eng-entrance.com/javascript-display-error

Answer 1

たんにinputをtriggerで実行してやればいいのでは？
（念の為changeも併記しています）

<script>
$(function(){
  $('#hoge').on('change input',function() {
    $('#fuga').val($(this).val());
  });
  $('#piyo').on('click',function() {
    $('#hoge').val('あああ').trigger("input").trigger("change");
  });
});
</script>
<input type="text" id="hoge" /><br>
<input type="text" id="fuga" /><br>
<input type="button" id="piyo" value="go" />

Comments

[yuta0801]

確かに動きました、しかし
例のサイトだとどうしても着火しないんですよね。。。