input、textarea、div(contenteditable=true)光标定位到最后
2017-03-21 15:10
477 查看
1、针对input、textarea
2、针对div(contenteditable="true")
//定位input、textarea function po_Last(obj) { obj.focus();//解决ff不获取焦点无法定位问题 if (window.getSelection) {//ie11 10 9 ff safari var max_Len=obj.value.length;//text字符数 obj.setSelectionRange(max_Len, max_Len); } else if (document.selection) {//ie10 9 8 7 6 5 var range = obj.createTextRange();//创建range range.collapse(false);//光标移至最后 range.select();//避免产生空格 } }
2、针对div(contenteditable="true")
//定位div(contenteditable = "true") function po_Last_Div(obj) { if (window.getSelection) {//ie11 10 9 ff safari obj.focus(); //解决ff不获取焦点无法定位问题 var range = window.getSelection();//创建range range.selectAllChildren(obj);//range 选择obj下所有子内容 range.collapseToEnd();//光标移至最后 } else if (document.selection) {//ie10 9 8 7 6 5 var range = document.selection.createRange();//创建选择对象 //var range = document.body.createTextRange(); range.moveToElementText(obj);//range定位到obj range.collapse(false);//光标移至最后 range.select(); } }
相关文章推荐
- div设置contentEditable="true"作为文本编辑器,定位光标解决办法
- div设置contentEditable="true"作为文本编辑器,定位光标解决办法
- div设置contentEditable="true"作为文本编辑器,定位光标解决办法
- contenteditable="true"属性让div+css可以相当于Input
- 可编辑DIV (contenteditable="true") 在鼠标光标处插入图片或者文字
- div设置contenteditable="true" 光标消失:原因
- 关于input和textarea文本框光标定位问题
- 获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
- html 中div的 contenteditable="true"属性的应用
- 在可编辑的(contentEditable="true")的DIV中动态设置文本属性
- 苹果手机IOS中div contenteditable=true 仿文本域无法输入编辑
- vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
- 获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
- div contenteditable="true"各个浏览器上的解析
- js在contenteditable="true"文本框光标处插入内容
- div contenteditable="true"时怎么获取div的内容
- angularjs中<div contenteditable="true">的双向数据绑定的demo
- ahjesus 获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome
- 让textarea光标定位到最后
- div contenteditable光标位置问题