2016-06-11 6 views
0

クローム拡張機能を使用して検索バーに検索文字列を入力すると、検索バーに自動的に下のテーブルが更新されます。私はさまざまなことを試してきました。そして、 "キーアップ"は、テーブルを更新する関数を実際にトリガしているようです。 - 私はこのウェブサイトを所有していないので、コードにアクセスすることはできません。クロムコンソールと内線の間の結果が異なる

私はこのような文字列を入力するためにはjQueryを使用しています:

$("#filter").val("apple").trigger('keyup'); 

私はクロームコンソールにこれを入れた場合は、検索バーが満たされますと、テーブルが問題なく更新されます。

クロム拡張子に入力すると、テキストが入力されますが、テーブルの更新プロセスはトリガーされません。検索フィールドをクリックして矢印キー(たとえば)を押すと、テーブルが更新されます。

エクステンションにjQueryを追加するためのガイドを使用しました。

  • この小さな行のコードがこのウェブサイトのイベントを引き起こすために必要な許可はありますか?

    • は、ここで(何とかstackoverflowのここでの書式を台無しに)私のマニフェストです:私はバニラはJavaScriptを使用して答えるhttp://pastebin.com/8B3yV2wE
+0

あなたのマニフェストでは、jQueryの前にコンテンツスクリプト(inject.js)を注入します。この場合、キープレス(この場合はキーアップ)をシミュレートできます。注入されたコンテンツスクリプトの順序を変更してみてください。 –

+0

ねえ、それは本当に理にかなっているように聞こえましたが、悲しいことに何も変わっていません。とにかく、ありがとう! –

答えて

1

var filter = document.getElementById("filter"); 
filter.value = "apple"; 
filter.dispatchEvent(new KeyboardEvent("keyup", { 
    bubbles: true, 
    cancelable: true, 
    key: "ArrowUp" 
    })); 
+0

うわー。簡単なソリューションは、完璧に動作し、私はこの問題を一週間以上過ごしました。ありがとう、ともだちよ!良い一日を! –

関連する問題