2013-02-01 17 views
0

我想达到的目标是在文本框压片问题用的focusIn(),然后点击()

  1. 用户类型或去除通过显示值代替输入的标签从文本字段读点击下一步文本框的结果(工程)

    2.用户点击文本这一结果在要与WORKS所示编辑或替换值)()

用户点击,这导致下一个文本字段,或按Tab到编辑模式(文本框前ecution等步骤1和(不工作!)

 $(document).ready(function(){ 

    $("input#aoneonedata").focusout(function(){ 
    $(this).remove(); 
    var aoneone=parseInt($(this).val())||0; 
    $(this).remove(); 
    $("#aoneone").append("<div id='a11'>"+aoneone+"x</div>"); 

     $("#a11").click(function(){ 
     $(this).remove(); 
    $("#aoneone").append("<input type='text' 
    id='aoneonedata' value="+aoneone+">"); 
     }); 



     }); 


     }); 

    <table> 
     <tr> 
     <td id="aoneone"><input type="text" id="aoneonedata"></td> 
     <td id="aonetwo"><input type="text" id="aonetwodata"></td> 
     </tr> 
     </table> 
+0

你能显示'下一个文本字段'的html吗? – pktangyue

+1

关闭这些html标签! – lante

+0

如果您要坚持使用'table'标签进行布局,至少应使用有效的HTML并正确缩进所有内容,以便阅读和排除故障。您的JavaScript也一样。 – Sparky

回答

1

那becouse你失去当你删除您输入您的focusout结合。

请参阅this小提琴。

如果您在编辑时严格需要删除输入,请在重新创建后尝试将该函数重新分配到focusout。但是,如果您不想在每个值更改上重新分配绑定,您可以执行类似this的操作。

希望这会有所帮助。

+0

Thankyou修复了这个问题,我必须双击才能看到编辑点击事件的闪烁光标。是否有修复? –

+0

添加'$(“input#aoneonedata”)。focus()'在创建'input'后设置焦点 – lante

+0

尝试过。谢谢。最后一个问题.focus()导致游标设置为文本字段中数字的第一个位置。有没有办法将它设置为文本字段中数字的最后位置 –