Nhấn phím "Trái" theo cách lập trình trong kiểu nhập văn bản

Question

Tôi đang cố gắng để lập trình kích hoạt một sự kiện quan trọng để chuyển sang trái trong hộp văn bản, nhưng không có bất kỳ sự may mắn nào.

Phần tử đầu vào có tiêu điểm và con trỏ ở cuối. Tôi đang cố gắng di chuyển con trỏ sang trái một bước - trước ký tự "F" * theo lập trình bằng cách kích hoạt một sự kiện Bàn phím (keydown/keyup/keypress) với phím tắt tương ứng ← hoặc → được nhắm mục tiêu ở hộp nhập.

ABCDEF |

Dưới đây là đoạn mã cho đến nay:

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); 

lưu một bản demo nhanh chóng trên jsfiddle nếu bạn muốn xem toàn bộ mã - http://jsfiddle.net/Vsafv/

Tôi không muốn làm trình duyệt chéo này (chỉ làm cho nó hoạt động trong Chrome). Cảm ơn vì bất kì sự giúp đỡ.

Answer 1

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

nơi "đầu vào" là văn bản của bạn

37 - trái
38 - lên
39 - ngay
40 - xuống

Vì vậy, khi bạn ghi lại "sự kiện" của bạn, bạn ghi lại các giá trị cho các phím bấm.
tôi chắc chắn rằng bạn đã tìm ra một cách để làm điều này, nhưng chỉ trong trường hợp, đây là một ý tưởng về làm thế nào tôi sẽ giải quyết nó:

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

Hope this helps

Answer 2

Bạn có thể có một cái nhìn tại Câu hỏi StackOverflow này ->jQuery Set Cursor Position in Text Area

Answer 3

Và đối với những người không xem jQuery như giải pháp cho tất cả mọi thứ :)

Từ 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

Theo như tôi có thể nhìn thấy , bạn có thể làm:

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