js -- 设置输入框光标位置(在模拟微信表情输入的时候遇到的)
来源:互联网 发布:xbox360手柄 mac 编辑:程序博客网 时间:2024/05/17 01:16
项目中需要自己制作一个类似微信表情包输入的效果,在输入表情的时候光标总是显示在刚刚输入的表情的前面,再输入文字的时候会在这个表情前面显示,而输入表情则正常显示。此时就需要利用js设置光标的位置
// true 为开始位置,false 为末尾function placeCaret(el, atStart) { el.focus(); if (typeof window.getSelection != 'undefined' && typeof document.createRange != 'undefined') { var range = document.createRange(); range.selectNodeContents(el); range.collapse(atStart); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); } else if (typeof document.body.createTextRange != 'undefined') { var textRange = document.body.createTextRange(); textRange.moveToElementText(el); textRange.collapse(atStart); textRange.select(); }}// 注意使用的位置要在添加表情的打码的后面placeCaret(document.querySelector('article'), false);
阅读全文
0 0
- js -- 设置输入框光标位置(在模拟微信表情输入的时候遇到的)
- js -- 设置滚动条随着输入内容滚动(在模拟微信表情输入的时候遇到的)
- 指定光标在页面输入框的位置
- UITextView自适应高度,同时可以设置最大高度, 类似于QQ微信输入框效果,支持表情的输入
- EditText 在设置为输入密码的时候 密码是否可见 光标在最后显示
- iOS textView光标位置输入以及删除字符或者emoji表情(自定义键盘的删除方法)
- 在javascript中如何获得textbox输入光标的位置
- 在javascript中如何获得textbox输入光标的位置
- js控制输入框光标位置(setSelectionRange详解)
- 通过 JavaScript 获取和设置光标在输入框中的位置(兼容 IE 及 Firefox)
- Android设置EditText显示输入的表情Icon(自定义的聊天有个发送表情功能,在输入框显示表情)
- Android: 实现类似QQ、微信的表情输入键盘
- Android: 实现类似QQ、微信的表情输入键盘
- 使用TextRange获取输入框中光标的位置
- 使用TextRange获取输入框中光标的位置
- 使用TextRange获取输入框中光标的位置
- 模仿QQ、微信表情输入框
- JS在可编辑的div中的光标位置插入内容或表情
- 51Nod-1006-最长公共子序列Lcs
- json字符串转js对象取值
- 逻辑回归LR的特征为什么要先离散化
- 国外经纬度计算GPS 计算 google地图计算 必应地图 和mapbox 地图
- Crossword Answers UVA
- js -- 设置输入框光标位置(在模拟微信表情输入的时候遇到的)
- 有关人工神经网做回归的实验发现的问题
- LINUX对硬盘进行挂载操作
- TensorFlow-Bitcoin-Robot:Tensorflow 比特币交易机器人
- list的add方法 ,foreach循环添加map---List.add(map)(通过一个java爬虫案例说明)
- 学生问题(三)
- 极乐技术周报(第二十二期)
- AS+phoneGap+Cordova把网站打包签名成apk
- spring3.0定时任务 (一) 简单示例