问题移动输入到右箭头键右侧用jQuery

Question

我有这样的代码：

jQuery.fn.enterText = function(e){ 
var $cursor = $("#cursor"); 

if (e.keyCode == 39){ 
    e.preventDefault(); 
    $cursor.val(""); 
var nextChar = $cursor.next(); 
    $cursor.after(nextChar); 
} 

}; 

我试着给#cursor向右移动，但它似乎在浏览器不允许它....左箭头键的作用：

if (e.keyCode == 37){ 
    $cursor.val(""); 
var previousChar = $cursor.prev(); 
    $cursor.after(previousChar); 

} 

Answer 1

您应该使用before代替后：

http://jsfiddle.net/Gq5HZ/1/

if (e.keyCode == 39) { 
    $cursor.val(""); 
    var nextChar = $cursor.next(); 
    $cursor.before(nextChar); 
} 

您正试图添加光标后面的元素，在光标后面...它是人造的准备好了。

Answer 2

左箭头键的作品，因为你使用after()，所以你实际上光标元素后移动前一个字符。

我会建议使用insertBefore()和insertAfter()，而不是将光标移动元素，使你的意图是清晰的：

if (e.keyCode == 39) { 
    e.preventDefault(); 
    $cursor.val(""); 
    var nextChar = $cursor.next(); 
    $cursor.insertAfter(nextChar); 
} 

if (e.keyCode == 37) { 
    e.preventDefault(); 
    $cursor.val(""); 
    var previousChar = $cursor.prev(); 
    $cursor.insertBefore(previousChar); 
}