Cambiar el evento que no está activando el ingreso de texto usando jquery en Chrome

Tengo un problema con un evento de cambio jquery en una entrada de texto que funciona como se esperaba en Firefox y IE pero no en Chrome. También tengo un evento de teclado en la entrada de texto para manipular la entrada tal como se ingresa, pero cuando la entrada está lista, necesito ejecutar un código adicional. Traté de usar el evento 'desenfoque' y el evento de 'enfoque' como alguien aquí había sugerido como sustituto, pero luego no pude cambiar el enfoque en absoluto, la entrada siguió agarrándolo de alguna manera. Aquí está el código:Cambiar el evento que no está activando el ingreso de texto usando jquery en Chrome

$('.textInput').keyup(function(event) { /* do stuff */ }); 
$('.textInput').change(function(event) { alert('Changed!'); /* do other stuff */ });

y el html:

<input type="text" class="textInput" value="" />

estoy usando jQuery 1.6.3. Cualquier sugerencia sería muy apreciada. H. caso

Fuente

2011-12-06 user1084458

[funciona para mí] (http://jsfiddle.net/davidThomas/R8VBY/) en Chromium 14/Ubuntu 11.04. –

¿puedes publicar el error que Chrome te brinda? Si lo hace, inspeccione el elemento (haga clic derecho en la página), le mostrará el error. – Andres

¿Qué otro código js ha cargado en la página que lo haría recuperar el enfoque? Cambie solo los incendios cuando cambie el foco, esa es probablemente la razón. – loganfsmyth

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.textInput').keyup(function (event) { 
       var obj = $(this); 
       if ((event.keyCode ? event.keyCode : event.which) === 13) { 
        $('#result').text('Enter has been triggered.'); 
       } 
      }); ; 

      $('.textInput').change(function (event) { 
       var obj = $(this); 
       $('#result').text('Input text has been changed:' + obj.val()); 
      }); ; 
     }); 
    </script> 
</head> 
<body> 
    <span id="result"></span> 
    <br /> 
    Enter some text and press enter: 
    <input type="text" class="textInput" value="" /> 
</body> 
</html>

Fuente

2012-04-24 07:21:56 Thulasiram

el uso debe llamar a $ (documento) .ready (función() {}) ;. – Thulasiram

para demostración en vivo vea este enlace: http://jsfiddle.net/nanoquantumtech/HB33h/ – Thulasiram

El cambio no se disparará a menos que el foco de entrada cambia a otros mandos

Fuente

2013-05-30 18:29:37

En realidad, hay un error en Google Chrome que hace que el evento 'cambio' que se dispara si algo ha sido cambiado por el evento 'keyup':

https://code.google.com/p/chromium/issues/detail?id=92492

la cuestión parece ser abierta desde el 2 de mayo de 2013.

Fuente

2014-01-10 11:15:54

Usted puede utilizar el evento input que funciona como un encanto:

$('#search-form .term').bind('input', function(){ 
    console.log('this actually works'); 
});

Fuente: https://gist.github.com/brandonaaskov/1596867

Fuente

2016-06-28 15:34:31 mcmimik

Cambiar el evento que no está activando el ingreso de texto usando jquery en Chrome

Respuesta

Cuestiones relacionadas