Programmare in modo programmatico il tasto "Sinistra" in un input di testo

Question

Sto tentando di attivare a livello di codice un evento chiave per andare a sinistra in una casella di testo, ma senza avere fortuna.

L'elemento di input ha lo stato attivo e il cursore si trova alla fine. Sto cercando di far spostare il cursore a sinistra di un passo - prima della lettera "F" * a livello di programmazione facendo scattare un evento Keyboard (keydown/keyup/keypress) con il tasto corrispondente ← o → mirato alla casella di input.

ABCDEF |

Ecco il codice finora:

HTML

<input id="a" type="text" /> 

Javascript

var keyEvent = document.createEvent("KeyboardEvent"); 

var keyLocation = '0x00'; 
var keyIdentifier = "Left"; 

keyEvent.initKeyboardEvent("keypress", 
         true, 
         true, 
         window, 
         keyIdentifier, 
         keyLocation, 
         false); 

$("a").dispatchEvent(keyEvent); 

risparmiato un demo veloce su jsfiddle se volete vedere l'intero codice - http://jsfiddle.net/Vsafv/

Non sono interessato a fare questo cross-browser (fallo funzionare in Chrome). Grazie per qualsiasi aiuto.

Answer 1

e = jQuery.Event("keydown"); // define this once in global scope 
e.which = 37; // Some key value 
$("input").trigger(e); 

dove "input" è la tua textarea

37 - sinistra
38 - fino
39 - destra
40 - giù

Quindi, quando si registra i tuoi "eventi" di registrare i valori per i tasti premuti.
Sono sicuro che già trovato un modo per fare questo, ma solo nel caso in cui, ecco un'idea di come avrei affrontarlo:

var keysPressed = new Array(); // somewhere in the global scope 
$("input").keydown(function (e) { 
    keysPressed.push(e.which); //adding values to the end of array 
}); 

Spero che questo aiuti

Answer 2

Si può dare un'occhiata a questo StackOverflow domanda ->jQuery Set Cursor Position in Text Area

Answer 3

E per coloro che non la visualizzazione jQuery come la soluzione a tutto :)

Da http://blog.josh420.com/archives/2007/10/setting-cursor-position-in-a-textbox-or-textarea-with-javascript.aspx

function setCaretPosition(elemId, caretPos) { 
    var elem = document.getElementById(elemId); 

    if(elem != null) { 
     if(elem.createTextRange) { 
      var range = elem.createTextRange(); 
      range.move('character', caretPos); 
      range.select(); 
     } 
     else { 
      if(elem.selectionStart) { 
       elem.focus(); 
       elem.setSelectionRange(caretPos, caretPos); 
      } 
      else 
       elem.focus(); 
     } 
    } 
} 

Answer 4

Per quanto posso vedere , puoi fare:

var pos = document.getElementById("a").length; 
document.getElementById("a").setSelectionRange(pos-1, pos-1);