textarea双击按钮在光标处插入内容

关注

原创最新推荐文章于 2026-08-11 12:39:29 发布 483 阅读 AI 写同款· GEO 优化 ›

Tabbit浏览器：Chromium内核级AI原生交互实践 AI浏览器本质是人机协同范式的升级，其技术根基在于对浏览器内核的深度掌控。传统方案受限于JS沙箱与事件延迟，而真正高效的AI交互需直连渲染树与输入事件流——这正是Chromium作为开源浏览器内核的核心价值所在。Tabbit通过在Chromium UI线程与输入分发器间嵌入轻量AI运行时，实现毫秒级意图感知与视觉层精准操作，将AI从‘问答工具’转变为‘页面协作者’。该路径不仅支撑智能代理、视觉意图映射等落地能力，更适用于自动化测试、表单处理、跨系统数据抓取等高认知负荷场景，为前端智能化提供可验证、可调试、隐阅读详情

<!--html代码-->
<div id="userdefinedTable"></div> 
<textarea id="custom_content" name="content" style="width: 98%; height: 100%; padding: 5px;"></textarea>

let title = "版本号";
//按钮
let innerContent = $('<a href="javascript:void(0)" title="'+title+'" class="easyui-linkbutton btn_sm">'+title+'</a>');
$(innerContent).appendTo($("#userdefinedTable"));
bindAppendVar(innerContent,'custom_content');//绑定双击事件
//绑定双击事件
function bindAppendVar(obj,destObj){
	$(obj).dblclick(function(){
		var title = $(this).prop('title');
		title = "${"+title+"}";
		insertText(destObj,title);
	});
}
//光标位置插入字符
function insertText(destobj,str) {
	var obj = document.getElementById(destobj);
	if (document.selection) {
		var sel = document.selection.createRange();
		sel.text = str;
	} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
		var startPos = obj.selectionStart,
			endPos = obj.selectionEnd,
			cursorPos = startPos,
			tmpStr = obj.value;
		obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
		cursorPos += str.length;
		obj.selectionStart = obj.selectionEnd = cursorPos;
	} else {
		obj.value += str;
	}