Question

我有一个可编辑的文字当我在文本中单击时，div会更改为保留文本的输入我的问题是当我点击文本时div更改为输入但滚动位置更改。

Jquery代码：

$('.content-comment').click(function(){
    $('.content-comment').hide();
    $('.content-comment-input').show();
    $('.content-comment-input').val($(this).text());
    $('.content-comment-input').focus();
});

HTML code：

<div class="comment-c">
      <div class="user-pic-c ></div>
      <div class="elements-comment">
           <div class="content-comment clear"><?php echo $k['test']; ?></div>
           <input class="content-comment-input" type="text" value="" style="display:none;">
     </div>
</div>

Answer 1

这很简单，因为您更改了输入值，因此您输入的位置将会改变。如果你在下面评论我认为它的工作正常。

$('.content-comment').click(function(){
    $('.content-comment').hide();
    $('.content-comment-input').show();
    //$('.content-comment-input').val($(this).text());
    $('.content-comment-input').focus();
});

为什么在聚焦输入后滚动位置变化？

1 个答案: