精华内容
下载资源
问答
  • // 获取el-input中的input元素 let elInput = this.$refs.targetIn.$el.firstElementChild; // 获取el-input的值 let txt = elInput.value; // 做插入前做长度校验(如果有这个需要的话) ...
    1. insertText(insertTxt) {

    2. // 获取el-input中的input元素

    3. let elInput = this.$refs.targetIn.$el.firstElementChild;

    4. // 获取el-input的值

    5. let txt = elInput.value;

    6. // 做插入前做长度校验(如果有这个需要的话)

    7. if (txt.length + value.length > 64) {

    8. return;

    9. }

    10. // 获取选区开始位置

    11. let startPos = elInput.selectionStart;

    12. // 获取选区结束位置

    13. let endPos = elInput.selectionEnd;

    14. if (startPos === undefined || endPos === undefined) return;

    15.  
    16. // 将文本插入光标位置

    17. this.subject = txt.substring(0, startPos) + insertTxt + txt.substring(endPos);

    18. // 将光标移至文本末尾

    19. elInput.focus();

    20. elInput.selectionStart = startPos + insertTxt.length;

    21. elInput.selectionEnd = startPos + insertTxt.length;

    22. }

    展开全文
  • 点击上面的模板说明,可以在输入框的光标位置插入相应的语法。 <el-form-item label="模板说明:" v-if="form.news_type==='1'"> <el-row class="templateCode"> <el-col :span="8"> <di....

    点击上面的模板说明,可以在输入框的光标位置插入相应的语法。

    <el-form-item label="模板说明:" v-if="form.news_type==='1'">
              <el-row class="templateCode">
                <el-col :span="8">
                  <div class="grid-content bg-purple" style="color:#666" @click="makeActive('$Username$')"> 用户名:$Username$</div>
                </el-col>
                <el-col :span="8">
                  <div class="grid-content bg-purple-light" @click="makeActive('$OrderId$')">订单号:$OrderId$</div>
                </el-col>
                <el-col :span="8">
                  <div class="grid-content bg-purple" @click="makeActive('$Total$')">订单金额:$Total$</div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <div class="grid-content bg-purple" @click="makeActive('$Product_name$')">产品名称:$Product_name$</div>
                </el-col>
              </el-row>
            </el-form-item>
    
            <el-form-item label="编辑模板:" prop="message" v-if="form.news_type==='1'">
              <el-input
                type="textarea"
                id="emojiInput"
                maxlength="300"
                show-word-limit
                :autosize="{ minRows: 4, maxRows: 8}"
                v-model="form.message"
                placeholder="您好,您预约的**已经订购成功,我们将在1个工作日内与您联系安排服务,如有疑问请添加微信或致电1111"
              ></el-input>
            </el-form-item>

     

        /**
        *插入模板说明的变量
        */
        makeActive (item) {
          var elInput = document.getElementById('emojiInput') // 根据id选择器选中对象
          var startPos = elInput.selectionStart// input 第0个字符到选中的字符
          var endPos = elInput.selectionEnd// 选中的字符到最后的字符
          if (startPos === undefined || endPos === undefined) return
          var txt = elInput.value
          // 将表情添加到选中的光标位置
          var result = txt.substring(0, startPos) + item + txt.substring(endPos)
          elInput.value = result// 赋值给input的value
          // 重新定义光标位置
          elInput.focus()
          elInput.selectionStart = startPos + item.length
          elInput.selectionEnd = startPos + item.length
          this.form.message = result// 赋值给表单中的的字段
        },

     

    展开全文
  • 就是获取光标位置 然后截取拼接字符串 重新填入input重新设置光标functioninsertInputTxt(id,insertTxt){varelInput=document.getElementById(id);varstartPos=elInput.selectionStart;varendPos=elInput....

    就是获取光标位置 然后截取拼接字符串 重新填入input 重新设置光标

    function insertInputTxt(id, insertTxt) {    var elInput = document.getElementById(id);    var startPos = elInput.selectionStart;    var endPos = elInput.selectionEnd;    if (startPos === undefined || endPos === undefined) return

    var txt = elInput.value;    var result = txt.substring(0, startPos) + insertTxt + txt.substring(endPos)

    elInput.value = result;

    elInput.focus();

    elInput.selectionStart = startPos + insertTxt.length;

    elInput.selectionEnd = startPos + insertTxt.length;

    }

    展开全文
  • 微信小程序 中如何获取 input或者textarea光标所在位置已解决 已解决 需要将语音输入直接插入文字中间,需要下标把文本分成两部分,要光标下标才能继续。通过在textarea上绑定bindinput发现 返回数据中有一个对象 ...

    微信小程序 中如何获取 input或者textarea光标所在位置

    已解决

    需要将语音输入直接插入文字中间,需要下标把文本分成两部分,要光标下标才能继续。通过在textarea上绑定bindinput发现 返回数据中有一个对象 cursor 正是光标的所在位置下标

    .wxml文件相关代码

    <textarea bindinput="getValue" placeholder="请输入内容" value="{{content}}"></textarea>
    

    .js文件相关代码

     getValue: function(e){
        console.log(e.detail.cursor)
      },
    
    展开全文
  • jq 获取input的光标,定位光标的位置

    千次阅读 2019-06-12 17:56:07
    看起来比较简单,但是输入完后在中间插入字符删除字符的时候, 每添加或者删除一个字符的时候input框的光标自动跑到字符最后面,很是头疼 下面在网上找的各种资料,整理的一些方法,经过一些尝试终于解决了,记录...
  • input id="input" type="text" value="12345" /> <a class="msg">插入该内容</a> </html> <script> $(function(){ //假如输入框当前光标聚焦到了3和4之间,那么我点击a标签之后, a...
  • 在项目开发中经常遇到input等设置光标位置到最后的问题,在IE、Firefox、Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数。 function getCursortPosition ...
  • 如果我先在input框里输入几个日日日,然后在中间点了一下。最后把添加的内容写在第二个框里。点击添加。 你在第二个框里输入的内容就插到你刚才点的光标的位置啦。 但是他有个问题就是如果我想输入的是个公式...
  • 1. 如何获取光标位置,并在对应位置插入内容 两种情况: (1)用户点击位置后,在光标位置插入内容 (2)用户选中几个字之后点击按钮进行文字替换 解决: selectionStart和selectionEnd可以获取到当前元素光标的起始...
  • react/antd实现textarea获取光标位置在光标处插入文字 1.首先将textarea对象通过refs存起来 <TextArea ref={(input) => this.contentProps = input} placeholder="请输入" style={{ width:'600px' }} auto...
  • 为什么要在contentEditable=true的div里面获取光标呢?因为这篇文章https://blog.csdn.net/qq_33769914/article/details/85002918我们知道想在一个内容里面插入一个新的内容,如果这个新的内容是段html代码。最后...
  • * **pps:**不是鼠标位置,不是div元素的位置,是当焦点在div时,div里面一闪一闪的那个插入符光标的像素位置,有x,y的那种,或者 {left = p.left + "px"; top = p.top +"px"; }的那种(*  ̄︿ ̄) 拜谢
  • 光标位置插入

    2011-06-29 16:03:10
    EditText mTextInput=(EditText)findViewById(R.id.input);//EditText对象 ...//获取光标所在位置 String text="I want to input str"; (方法1): Editable edit = mTextInp...
  • 问题:如何把字符插入到光标所在位置,就需要获取光标位置 打印 this.refs.keywords可以找到: 函数:setNativeProps用于设置光标位置。传参为{selection : { start : start, end : end}},指定光标的开始和结束。...
  • //即给c加一个孩子b,记住这个孩子是后面进来的,所以在该标签内的最末位置 增加同级标签:c.parentsNode.insertBefore(b,c); //即在c的父级里面插入一个标签b,而且还是在c前面的; 实例代码: &l...
  • 在这里插入代码片@TOC if (Input.GetMouseButtonDown(1)) //1表示鼠标右键 { Ray ray = Camera.main.ScreenPointToRay( Input.mousePosition);//获去摄像机与该点对应射线 RaycastHit hit;//定义一个可以储存射线...
  • EditText mTextInput=(EditText)findViewById(R.id.input);//EditText对象 int index = mTextInput....//获取光标所在位置 String text="I want to input str"; Editable edit = mTextInput.getEditable...
  • EditText mTextInput=(EditText)findViewById(R.id.input);//EditText对象 int index = mTextInput....//获取光标所在位置 String text="I want to input str"; (方法1): Editable edit = mTextInp
  • EditText mTextInput=(EditText)findViewById(R.id.input);//EditText对象 int index = mTextInput....//获取光标所在位置 String text="I want to input str"; Editable edit = mTextInput.getEdit

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 129
精华内容 51
关键字:

获取input插入位置