textarea 根据光标位置添加内容

 // 获取焦点
      let txt = document.getElementById("countRule");
      let temp = txt.value;
      txt.focus();
      let pointIndex = txt.selectionStart;
      let str1 = temp.substr(0,pointIndex);
      let str2 = temp.substr(pointIndex,temp.length);
      txt.value = str1+dom+str2;

      if( site != ‘no‘ ){
        let newIndex = pointIndex + site;
        txt.setSelectionRange(newIndex,newIndex);
      }

  

原文地址:https://www.cnblogs.com/hpx2020/p/11468683.html

时间: 2024-10-08 09:30:47

textarea 根据光标位置添加内容的相关文章

JQuery在光标位置插入内容

1 (function($) { 2 $.fn.extend({ 3 insertAtCaret: function(myValue) { 4 var $t = $(this)[0]; 5 //IE 6 if (document.selection) { 7 this.focus(); 8 sel = document.selection.createRange(); 9 sel.text = myValue; 10 this.focus(); 11 } else 12 //!IE 13 if

textarea在光标位置插入文字

最近开发类似计算器界面,需要在textarea中编辑公式,涉及到 在光标位置插入 字符. 效果如下: + - * / 添加文字 html代码如下: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>hover demo</title> </head> <body> <texta

js之向div contenteditable光标位置添加字符

原理: 在HTML里面,光标是一个对象,光标对象是只有当你选中某个元素的时候才会出现的. 当我们去点击一个输入框的时候,实际上它会产生一个选中对象-selection(就是我们可以看到的文字变成蓝色的那个区域),selection在火狐浏览器可以直接用 window.getSelection()获取,在HTML里面,selection只有一个的,并且selection是一个区域,你可以想象成一个长方形,它是有开始和结束的 当你点击一个输入框,或者你切换到别的输入框,selection是会跟着变化

js实现在光标的位置 添加内容

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <script type="text/javascript"> function setCaret(textObj) { if (textObj.createTextRange) {

使用JS在textarea在光标处插入内容

// 在光标处插入字符串 // myField 文本框对象 // myValue 要插入的值 function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = myValue; sel.select(); } //MOZILLA/NETSCAPE support

在任意位置为stringbuffer 添加内容

package tianjia.cn; /* * 在任意位置 添加内容 * api方法: * StringBuffer insert(int offset, boolean b) 将 boolean 参数的字符串表示形式插入此序列中. StringBuffer insert(int offset, char c) 将 char 参数的字符串表示形式插入此序列中. StringBuffer insert(int offset, char[] str) 将 char 数组参数的字符串表示形式插入此序

获取textarea文本框所选字符光标位置索引,以及选中的文本值;textarea高度自适应,随着内容增加高度增加;获取输入框中的光标位置

获取textarea文本框所选字符光标位置索引,以及选中的文本值 $.fn.selection = function () { var s, e, range, stored_range; if (this[0].selectionStart == undefined) { var selection = document.selection; if (this[0].tagName.toLowerCase() != "textarea") { var val = this.val()

关于文本输入框获取光标位置以及指定位置插入内容

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> &l

android listview 每一项都是edittext 导致的坑爹问题 内容的保存和焦点,光标位置的设置

activity布局:布局很简单,只有一个listview <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_