2017-11-08 15 views
0

ページ・ロード時にタブ・プレス・キーボード・イベントをトリガーすべき要求があります。私は以下の例を試しましたが、うまくいきません。トリガー・タブ・プレス・キー・イベントページ・ロード時

私の要件は、ページの読み込み時に親htmlページの要素に焦点を当てることですが、この親ページのソースコードにアクセスすることはできません。私のHTMLページは、フレームのような親の一部です。だから私のページ(親がすでにロードされている)のロード時に、親から要素へのフォーカスを設定するために、キーを押すキーイベントをトリガーしたいと思います。

注:この要素は親ページの最初の要素であるため、最初のタブではフォーカスがこれに移動します。私はこの$("1")は動作しません

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
     <script> 
 
     $(document).ready(function(){ 
 
      \t $("#input1").focus(); 
 
      var press = jQuery.Event("keypress"); 
 
      press.which = 9; 
 
      $("#input1").trigger(press); 
 
     }); 
 
      
 
      
 
     </script> 
 
    </head> 
 
    <body> 
 
     <input type="text" name="myInput1" id="input1" /> 
 
     <input type="text" name="myInput2" id="input2" /> 
 
     <input type="text" name="myInput3" id="input3" /> 
 
    </body> 
 
</html>

+0

「1」 '$(" 1 ")'が間違っている、 '$( 'id id')'が正しい/あなたの投稿が更新されたのを見てください。 – Pedram

+0

フィードバックいただきありがとうございます。タイプが悪かったので、コードを修正しました。しかし、問題はタブキーイベントが発生していない –

+1

あなたは 'ifram'を使用していますか?私はあなたが '親htmlページ'の意味を理解していません – Pedram

答えて

0

親ページを編集することはできません。あなたはクラス$(".1")またはid $("#1")で要素を取得する必要があります。あなたの場合は$("#1")になります。 iFrameの使用の親に見つけるには

+0

なぜdownvote? – Savado

+0

おそらく[良い答えを書くにはどうすればいいですか?](https://stackoverflow.com/help/how-to-answer) – Pedram

0

$('#parentPrice', window.parent.document).focus(); 

$()ラッパーの2番目のパラメータは、検索するコンテキストです。これは、デフォルトでdocumentになります。

関連する問題