在页面光标处插入指定字符串的具体实现，可直接引用

最新推荐文章于 2024-02-14 20:42:29 发布

xuhangRS

最新推荐文章于 2024-02-14 20:42:29 发布

阅读量880

点赞数

本文链接：https://blog.csdn.net/xuhangRS/article/details/83543472

版权

//方法一：在光标处插入指定字符串的具体实现
function insertAtCursor1(myValue) {
		 	 var myField = document.getElementById('ruleConfig');
			 //IE 浏览器
			 if (document.selection) {
				 myField.focus();
				 sel = document.selection.createRange();
				 sel.text = myValue;
				 sel.select();
			 }
		 
			 //FireFox、Chrome等
			 else if (myField.selectionStart || myField.selectionStart == '0') {
				 var startPos = myField.selectionStart;
				 var endPos = myField.selectionEnd;
		 
				 // 保存滚动条
				 var restoreTop = myField.scrollTop;
				 myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
				 
				 if (restoreTop > 0) {
					myField.scrollTop = restoreTop;
				 }
				 
				 myField.focus();
				 myField.selectionStart = startPos + myValue.length;
				 myField.selectionEnd = startPos + myValue.length;
			 } else {
				 myField.value += myValue;
				 myField.focus();
			 }
		 }


          //其实俩种方法基本一样，但是这种写法更加简单，推荐使用
			function insertAtCursor2(str){    
				var rule = document.getElementById("ruleConfig");
				var rulelen = rule.value.length;
				rule.focus();    
				if(typeof document.selection != "undefined")    
				{        
					document.selection.createRange().text = str;      
				}  
				else    
				{        
					rule.value = rule.value.substr(0,rule.selectionStart)+str+rule.value.substring(rule.selectionStart,rulelen);    
				}
			}