2009-08-08 9 views
15

Aggiornamento:Rileva evento chiave (Enter) con JQuery in Javascript (su piattaforma Linux)

ho finalmente capito che "pressione del tasto" ha una compatibilità migliore di "keydown" o "KeyUp" su piattaforma Linux. Ho appena cambiato "keyup"/"keydown" in "keypress", quindi tutto è andato bene.

Non so quale sia la ragione ma è una soluzione per me. Grazie a tutti coloro che hanno risposto alla mia domanda.

-

ho alcuni codici che deve rilevare chiave conferenza stampa (devo sapere quando l'utente preme Invio) con JQuery e qui ci sono i codici in Javascript:

j.input.bind("keyup", function (l) { 
    if (document.selection) { 
     g._ieCacheSelection = document.selection.createRange() 
    } 
}).bind("keydown", function(l) { 
    //console.log(l.keyCode); 
    if (l.keyCode == 13) { 
     if(l.ctrlKey) { 
      g.insertCursorPos("\n"); 
      return true; 
     } else { 
      var k = d(this), 
      n = k.val(); 
      if(k.attr('intervalTime')) { 
        //alert('can not send'); 
        k.css('color','red').val('Dont send too many messages').attr('disabled','disabled').css('color','red'); 
        setTimeout(function(){k.css('color','').val(n).attr('disabled','').focus()},1000); 
        return 
      } 
    if(g_debug_num[parseInt(h.buddyInfo.id)]==undefined) { 
      g_debug_num[parseInt(h.buddyInfo.id)]=1; 
    } 
     if (d.trim(n)) { 
      var m = { 
       to: h.buddyInfo.id, 
       from: h.myInfo.id, 
       //stype: "msg", 
       body: (g_debug_num[parseInt(h.buddyInfo.id)]++)+" : "+n, 
       timestamp: (new Date()).getTime() 
      }; 
      //g.addHistory(m); 
      k.val(""); 
      g.trigger("sendMessage", m); 
      l.preventDefault(); 
      g.sendStatuses(""); 
      k.attr('intervalTime',100); 
      setTimeout(function(){k.removeAttr('intervalTime')},1000); 
      return 
     } 
     return 
    } 
} 

E ' funziona bene su Windows ma su Linux, a volte non riesce a catturare l'evento Enter. Qualcuno può aiutare?

Aggiornato:

Sembra buono se uso solo l'inglese per parlare. Ma devo usare un metodo di input per inserire il cinese. Se è il problema? (JQuery non può rilevare Inserisci se uso il metodo di input cinese?)

+1

e Linux non ha nulla a che fare con esso compagno. – think123

risposta

47

Prova questo

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" > 
    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
</head> 
<body> 
    <div> 
     <input id="TestTextBox" type="text" /> 
    </div> 
</body> 
<script type="text/javascript"> 
    $(function() 
    { 
     var testTextBox = $('#TestTextBox'); 
     var code =null; 
     testTextBox.keypress(function(e) 
     { 
      code= (e.keyCode ? e.keyCode : e.which); 
      if (code == 13) alert('Enter key was pressed.'); 
      e.preventDefault(); 
     }); 

    }); 

</script> 
</html> 
+4

Il blocco if deve includere 'e.preventDefault();' a meno che vuoi disabilitare tutto digitando nella casella di testo. – Muhd

12

Uso if (l.keyCode == 10 || l.keyCode == 13) invece di if (l.keyCode == 13) ...

In Windows, una nuova linea è composta da un Carriage Return (13) seguito da un Line Feed (10) .

Sotto * nix, una nuova riga è costituita solo da Line Feed (10).

Sotto Mac, una nuova riga è composta solo da Carriage Return (13).

+0

Ho aggiunto "l.keyCode = 10" ma ho ancora riscontrato il problema. E uso "console.log (l.keyCode)" per vedere quale keyCode è, sembra che ci sia solo "13" quando premo Invio (On ​​linux) –

0

Questo potrebbe essere un problema specifico del browser. Browser diversi gestiscono diversamente il keycode. E 'bello per normalizzare questo prima di ispezione:

var code = ev.keyCode || ev.charCode || 0; 

E' importante notare che i browser WebKit hanno una mappatura dei tasti leggermente diversa rispetto al resto:

var webkitKeymap = { 
      63232: 38, // up 
      63233: 40, // down 
      63234: 37, // left 
      63235: 39, // right 
      63276: 33, // page up 
      63277: 34, // page down 
      25: 9  // SHIFT-TAB (Safari provides a different key code in 
         // this case, even though the shiftKey modifier is set) 
     }; 

Questo codice può essere trovato nel programma di utilità evento di YUI.