Chrome geliştirici konsolundan w3school sayfalarındaki öğelere nasıl erişilir?

Ben sayfadaki onfocus olayı ile deneme istiyorum: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onfocus Chrome geliştirici konsolundan w3school sayfalarındaki öğelere nasıl erişilir?

Ben Chrome geliştirici konsolunu kullanın (Ctrl + + I Shift). Ben konsolda yazarak giriş elemanı erişmeye çalıştığınızda:

document.getElementsByTagName("input")

Ben iki gizli giriş öğeleri yerine metin giriş elemanı olsun. Ekran görüntüsü: http://i.imgur.com/zGBsZWY.png Peki, burada neler oluyor ve "tryout" sayfalarındaki bu öğelere nasıl erişebilirim?

kaynak

2016-03-25 Konstantin

Bkz biri vs.

odaklı önce iFrame'e erişmeden kullanılabilir değildir. Bu açıdan yaklaşmanız gerekecek. – David

@David doğru, her iframe ayrı bir javascript içeriğidir. Bir iframe bağlamında javascript yürütmek istiyorsanız

Chrome Dev Tools (ctrl-shift-c) eleman seçici kullanabilirsiniz Alternatif this question

görmek ve ardından konsol tipi $0 yılında, o dönecektir son odaklanmış eleman. Sonra başka bir şey odaklandığınız zaman, önceden için yeni odaklanan öğeye, $1 için $0 kullanabilirsiniz onlar elemanları, yani onların denemesi sayfaları için W3Schools'da üzerinde iFrame'leri kullanmak inanıyoruz Dev Tools command line API

kaynak

2016-03-25 22:08:33

"http://www.w3schools.com" menşeli bir kareyi çapraz kuşak çerçevesine erişme engellendi. – Konstantin

Thx, şimdi çalışıyor, sadece uygun dev araçlar menüsünden doğru iframe bağlamını seçmem gerekiyor. Sorunum şu ki, metin giriş öğesinde "focus()" dediğimde, onfocus olay işleyicisi tetiklenmiyor. Sorun ne olabilir? – Konstantin

".focus()" yönteminin yalnızca öğeye odaklanma sağladığını, ancak dinleyicileri yürütmediğini düşünüyorum. Bir öğedeki kayıtlı dinleyiciyi doğrudan aramak için .onfocus() işlevini çalıştırabilirsiniz ya da [bir etkinlik göndermeye çalışabilirsiniz] (https://developer.mozilla.org/en-US/docs/Web/API/ EventTarget/dispatchEvent) –

Chrome geliştirici konsolundan w3school sayfalarındaki öğelere nasıl erişilir?

cevap

İlgili konular