Rileva carattere immesso con JavaScript

Question

Vorrei avviare un'azione (abilitando il completamento automatico) quando l'utente digita '@'. Tuttavia non so come farlo correttamente. Ho disponibile jQuery.

Di solito su una tastiera QWERTY, è in questo modo:

$('textarea').live('keydown', function(e) { 
    if (e.which === 50) { 
    console.log('@ has been entered.'); 
    } 
}); 

Tuttavia non funziona correttamente su una tastiera AZERTY. KeyCode = 50 corrisponde alla chiave é~/2. Per digitare "@" nella tastiera AZERTY, è la chiave AltGr + à@/0.

Modifica: non ero chiaro. Il completamento automatico inizia quando @ viene inserito e solo dopo. Esempio, quando qualcuno inserisce "Hello @", quindi inizia, tuttavia quando digita "Hello @nothing else" il completo non farà nulla. Esempio: http://mrkipling.github.com/jQuery-at-username/ (funziona solo sulla tastiera QWERTY).

Answer 1

Uso keypress invece di keydown. Mentre keydown si riferisce a ogni pressione di un tasto, keypress si riferisce ai caratteri tradotti, quindi ad esempio a può essere diverso da a mentre il tasto Maiusc viene premuto, i caratteri composti funzionano, i tasti morti funzionano e vengono gestite altre differenze nelle mappature della tastiera .

Answer 2

L'unica altra opzione che viene in mente sarebbe un timer che controlla il contenuto dell'input di testo.

var patt=new RegExp(/^@/); 
var charCheck = setInterval(function(){ 
    if (patt.test($("#textInput").val())){ 
    // initiate autocomplete 
    } 
},100); 

Questo codice ispezionare il contenuto dell'elemento #textInput e vedere se corrisponde all'espressione regolare di un simbolo @ all'inizio della stringa. In caso affermativo, la funzione test() verrà valutata su true e sarà possibile avviare il codice di completamento automatico.

Answer 3

Come verificare se @ è stato immesso come ultimo carattere nel valore campo?

$("body").on("keyup", "textarea", function(e) { 
    if (this.value.indexOf("@") == this.value.length - 1) { 
     console.log("Starting autocomplete"); 
    } 
});​ 

DEMO:http://jsfiddle.net/FKhPW/2/

Answer 4

Qui si va demo funzionante:http://jsfiddle.net/LxpQQ/

Dal mio vecchio risposta qui:

jquery autocomplete using '@'

spero che andrà bene si causa :)

codice

source: function(request, response) { 
      if (request.term.indexOf("@") >= 0) { 
       $("#loading").show(); 
       getTags(extractLast(request.term), function(data) { 
        response($.map(data.tags, function(el) { 
         return { 
          value: el.name, 
          count: el.count 
         } 
        })); 
        $("#loading").hide();      
       }); 
      } 
     }, 

Answer 5

Utilizzare event.key e JS moderno, controllare direttamente per @!

Nessun codice numerico. Puoi controllare direttamente la chiave.

const input = document.getElementById("textarea"); 
input.addEventListener("keydown", function (event) { 
    if (event.key === "@") { 
     // Do something 
    } 
}); 

Mozilla Docs

Supported Browsers