小编avs*_*sq1的帖子

如何通过在最近使用的文本框中的光标处单击按钮来插入文本?

我有一个带有多个文本框和一组按钮的表单。使用下面的 Javascript,我可以单击一个按钮并将文本插入到其中一个命名框中。

单击按钮时,是否可以将文本插入到最近的/活动的文本框中?

目前我有这个,但它使用的是文本框的特定 ID,而不是最近使用/活动的 ID;

   $( 'input[type=button]' ).on('click', function(){
      var cursorPos = $('#my_text_box').prop('selectionStart');
      var v = $('#my_text_box').val();
      var textBefore = v.substring(0,  cursorPos );
      var textAfter  = v.substring( cursorPos, v.length );
      $('#my_text_box').val( textBefore+ $(this).val() +textAfter );
    });
Run Code Online (Sandbox Code Playgroud)

更清晰的 JSFiddle 示例;

http://jsfiddle.net/bd1xf0sj/1/

这个想法取决于单击按钮时您所在的文本框,而不是使用某个文本框的 ID。这个想法是可以单击按钮并且可以使用任何文本框。

javascript jquery

4
推荐指数
2
解决办法
309
查看次数

标签 统计

javascript ×1

jquery ×1