Focus() a div-be böngészőfüggetlenül

Focus() a div-be böngészőfüggetlenül
2013-03-25T14:29:51+01:00
2013-03-25T18:01:28+01:00
2022-11-28T15:00:36+01:00
Kezdő vagyok
Sziasztok!

Létezik az alábbinál jobb megoldás, módszer arra, hogy egy div-be állítsuk a focus()-t?
<html> <head> <meta http-equiv="Content-Language" content="hu"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" language="javascript"> function function1(){ window.ide.focus(); } </script> <body onload="document.getElementsByTagName('input')[0].focus()"> <input type="button" value="Focos() a div-be" onClick="function1();"> <div id="ide" style="height:100px;background-color:blue;overflow:auto;"> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> </div> </body> </html>

A window.ide.focus(); használatakor pl FF-ben és IE-ben bekerül az "ide" div-be a focus, és utána a kurzorbillentyűkkel szépen scrollozható a div tartalma. De például Chrome-ban ez már nem működik, vagyis nem teszi bele a focus-t, ezért billentyűvel nem görgethető div.

Van erre valami jobb, átfogóbb, böngészőfüggetlen megoldás?

Előre is köszönöm szépen a segítséget!
Mutasd a teljes hozzászólást!
Ahhoz hogy focus-t helyezhess egy div-re, el kell látni tabindexxel.

Nekem így működött a kódod ie alatt is és chrome alatt is (más böngésző nincs jelenleg a gépemen):

<html> <head> <meta http-equiv="Content-Language" content="hu"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" language="javascript"> function function1(){ window.ide.focus(); } </script> <body onload="document.getElementsByTagName('input')[0].focus()"> <input type="button" value="Focos() a div-be" onClick="function1();"> <div id="ide" style="height:100px;background-color:blue;overflow:auto;" tabindex='0'> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> </div> </body> </html>

Remélem segítettem
Mutasd a teljes hozzászólást!

  • És annak utána néztél mely elemeknek lehet focus-uk?...
    Mutasd a teljes hozzászólást!
  • Ahhoz hogy focus-t helyezhess egy div-re, el kell látni tabindexxel.

    Nekem így működött a kódod ie alatt is és chrome alatt is (más böngésző nincs jelenleg a gépemen):

    <html> <head> <meta http-equiv="Content-Language" content="hu"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" language="javascript"> function function1(){ window.ide.focus(); } </script> <body onload="document.getElementsByTagName('input')[0].focus()"> <input type="button" value="Focos() a div-be" onClick="function1();"> <div id="ide" style="height:100px;background-color:blue;overflow:auto;" tabindex='0'> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> --<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr>--<hr> </div> </body> </html>

    Remélem segítettem
    Mutasd a teljes hozzászólást!
  • Még jó, hogy ezt ->
    "Ahhoz hogy focus-t helyezhess egy div-re, el kell látni tabindexxel."

    később kaptad válaszként, mint ezt ->
    "És annak utána néztél mely elemeknek lehet focus-uk?"
    ...
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd