input通过JS手动向光标、选中位置插入、拼接内容至光标处选中处

最新推荐文章于 2026-05-08 05:46:45 发布

原创最新推荐文章于 2026-05-08 05:46:45 发布 · 1.9k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端

收录于

js 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一种使用JavaScript在文本框光标位置插入特定文本的方法。通过获取光标的位置，可以实现在输入框内指定位置插入或替换文本的功能。

input通过JS手动向光标、选中位置插入、拼接内容至光标处选中处

	// 获取对应input的DOM
  var inputDOM = document.getElementById("myTextTextarea");  
  var startCursor = inputDOM.selectionStart;// 开始光标位置
  var endCursor = inputDOM.selectionEnd;// 结束光标位置
  if (startCursor === undefined || endCursor === undefined)return  /* 当未获取焦点时 在此处处理 默认直接将内容拼接最后 */; 
  var txt = inputDOM.value ;
  // 最终的处理结果
  inputDOM.value = txt.substring(0, startCursor) + '需要插入的文本' + txt.substring(endCursor);