Ir para conteúdo
Fórum Script Brasil
  • 0

Como saber em qual tabIndex eu estou?


LucAlucard

Pergunta

3 respostass a esta questão

Posts Recomendados

  • 0

Em que situação você quer saber isso?

Veja este exemplo que fiz rapidamente:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt_br" xml:lang="pt_br">
    <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function Foco(el) {
            document.getElementById('elemento').innerHTML = el.toString();
        }
        </script>
    </head>
    <body>
        <div id="elemento"></div>
        <h1 tabindex="1" onfocus="Foco(this)">Título</h1>
        <p tabindex="2" onfocus="Foco(this)">Parágrafo</p>
        <span tabindex="3" onfocus="Foco(this)">Span</span>
    </body>
</html>

Aguardo sua resposta, um abraço.

Link para o comentário
Compartilhar em outros sites

  • 0
Em que situação você quer saber isso?

...

...

Então eu preciso saber porq eu tenho uma função e preciso usa-la apenas quando o foco estiver em cima de um carinha.. caso contário não. então eu pensei nessa forma com TabIndex... Mas aidna não sei como que faz pra descobrir como saber qual o Tab Index ativo ^^''

Editado por LucAlucard
Link para o comentário
Compartilhar em outros sites

  • 0

Então tente isso

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt_br" xml:lang="pt_br">
    <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function Foco() {
            alert('Eu sou o parágrafo Super Star e estou em foco!');
            /* Mais código ... */
        }
        </script>
    </head>
    <body>
        <h1 tabindex="1">Título</h1>
        <p tabindex="2" onfocus="Foco()">Parágrafo - A função Foco será executada quando o foco estiver em mim!</p>
        <span tabindex="3">Span</span>
    </body>
</html>

Você só precisa entender o funcionamento do onfocus, que é disparado quando um elemento ganha o foco :)

O único navegador que se comportou diferente foi o Google Chrome.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...