2016-03-25 10 views
1

私はonfocusイベントをページ上で試してみたいと考えています:http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onfocusChromeデベロッパーコンソールからw3schoolページの要素にアクセスするにはどうすればよいですか?

私はChromeデベロッパーコンソール(Ctrl + Shift + I)を使用しています。コンソールに入力して入力要素にアクセスしようとすると、次のようになります。テキスト入力要素の代わりに2つの隠れた入力要素があります。 Screenshot image:http://i.imgur.com/zGBsZWY.png ここで何が起こっているのですか?「試用版」ページでこれらの要素にアクセスするにはどうすればよいですか?

+1

を参照してください。最初にiFrameにアクセスしなければ利用できません。その角度からアプローチする必要があります。 – David

答えて

0

@Davidが正しいです。各iframeは個別のJavaScriptコンテキストです。

あなたはまたthis question

を参照してください、IFRAMEのコンテキストでJavaScriptを実行したい場合は、クローム開発ツール(Ctrl + Shift + C)の要素ピッカーを使用することができますし、コンソールタイプ$0で、それが返されます最後のフォーカスされた要素。あなたが何かを集中した場合、以前に1を集中するために、あなたは新しく集中要素、$1$0を使用することができるなど

要素ことを意味し、私は彼らが彼らのトライアウトページのW3Schoolsの上のiFrameを使用すると信じてDev Tools command line API

+0

原点が「http://www.w3schools.com」のフレームをブロックして、クロスオリジンフレームにアクセスしません。 – Konstantin

+0

Thx、今すぐ動作します、私はちょうど適切な開発ツールメニューから正しいiframeのコンテキストを選択する必要があります。私の問題は、テキスト入力要素で "focus()"を呼び出すと、onfocusイベントハンドラがトリガされないということです。何が問題なの? – Konstantin

+0

'.focus()'メソッドは単に要素にフォーカスを与えますが、リスナーは実行しないと思います。 '.onfocus()'を実行すると、要素の登録されたリスナーを直接呼び出すことができます。あるいは、イベントをディスパッチしようとすることもできます(https://developer.mozilla.org/en-US/docs/Web/API/ EventTarget/dispatchEvent) –

関連する問題