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

最新推荐文章于 2024-09-12 16:15:37 发布

Hacker_2020

最新推荐文章于 2024-09-12 16:15:37 发布

阅读量472

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_40362806/article/details/134573270

版权

该篇文章介绍了如何使用JavaScript在textarea输入框中，根据用户选择的光标位置手动插入文本。作者首先获取textarea的DOM对象和光标起始/结束位置，然后截取原始文本并插入新内容到指定位置。

摘要由CSDN通过智能技术生成

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);