Question

我有一个包含多个字段的表单。我希望有一个链接可以为光标所在的任何输入添加<br />。我如何获得该输入字段？像：

<script>
$('body').on('click','.add-break', function(){
   // how to get a reference to the input where the cursor is selected and then add a 
   // <br /> there        
});
</script>

<div class='add-break'>add break</div>
<input type='text' name='header' />
<input type='text' name='detail' />

Answer 1

这里有一个catch22，就像点击div.add-break一样，你失去了输入的焦点。所以你需要跟踪最后的焦点输入。

http://jsfiddle.net/64Lpvms4/

$('input').on('focus', function(){
    $('.focus').removeClass('focus');
    $(this).addClass('focus');
});


jQuery('.add-break').click(function(){
  $('.focus').val('<br>');
});

.focus { background:#eee; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class='add-break'>add break</div>
<input type='text' name='header' />
<input type='text' name='detail' />

如何使用jquery将文本添加到任意表单字段

1 个答案: