Efeito onkeypress com objeto literal

Ricardo in live · Fevereiro 5, 2010

Ola amigos, estou com o seguinte problema, estou construindo uma aplicação e preciso validar os campos CEP, RG, CPF etc.

Só que eu não quero colocar na tag input o comando onkeypress="return funcao(this, event)", então estou usando a tecnica de objeto literal com javascript e, quero saber como eu crio um evento onkeypress utilizando a tecnica de objeto literal?

ursolouco · Fevereiro 11, 2010

Salve,

O que seria isso ? :huh:

tecnica de objeto literal?

Eu, particularmente, faria da seguinte forma:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
    <form method="post" action="">
        <input type="text" name="rg" id="rg">
    </form>
    <script type="text/javascript">
    <!--
    window.onload = function(){
        rg = document.getElementById("rg");
        rg.onkeypress = function(){
            alert("disparar funcao");
        }
    };
    //-->
    </script>
</body>
</html>

abraços

SAULO A. · Fevereiro 15, 2010

<script type = "text/javascript'>
    document.getElementById(id).onkeypress = function() {
        // suponha que o teste seja esse!
        return this.value == "12345678900";
    }
</script>

Editado Fevereiro 15, 2010 por SAULO A.

Cardon · Fevereiro 15, 2010

não é possível mudar esses eventos dos inputs.

já tentei fazer o mesmo, e procurei por toda a net como fazer, e a resposta era sempre a mesma,

não e possível.

acho que só é possível com o onblur.

mas os outros nem dá

falow

iceoz · Novembro 25, 2010

Cara eu no seu lugar usaria uma bibloteca de javascript. particularmente prefiro jquery. dai voce pode dar um bind no elemento, exemplo:

$(document).ready(function(){

$('#id_do_elemento').bind('keypress',function(e){

//modificando o texto do elemento.

$(this).text('Texto novo do campo.');

// $(this) é o proprio elemento. porem as vezes você manipula varios eventos e o $(this) pode mudar assim como no javascript.

// então você pode atribuir o this a uma variavel

var obj = $(e.target); // $(this) e $(e.target) são a mesma coisa.

alert($(obj).text());

});

Caso não queira usar jquery ou outra biblioteca qualquer. você pode fazer no onLoad algo assim

//mozilla

document.getElementById('id').addEventListiner('keypress',function(e){

e.target.innerText = "Texto novo do campo.";

},false); //false é quando você quer que ele pare a sequencia de eventos

//Microsoft

document.getElementById('id').attachEvent('keypress',function(){

window.event.target.innerText = "Texto novo do campo.";

});

//Ou Assim

document.getElementById('id').addEventListiner('keypress',meuEvento()); //mozilla

document.getElementById('id').attachEvent('keypress',meuEvento(e)); //IE

function meuEvento(e)

{

if(!e) e = window.event;

e.target.innerText = "Texto novo do campo.";

}

Referencias

Para testar o browser

Refencia sobre eventos

Documentação .bind com exemplo. melhor opção por que é crossbrowser e não precisa ficar testando :rolleyes:

Editado Novembro 25, 2010 por iceoz

Entrar

Efeito onkeypress com objeto literal

Pergunta

Ricardo in live

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

ursolouco

Link para o comentário

Compartilhar em outros sites

SAULO A.

Link para o comentário

Compartilhar em outros sites

Cardon

Link para o comentário

Compartilhar em outros sites

iceoz

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades