jquery 或者js 获取页面光标所在的元素有如下两种方式:
目前成都创新互联已为上千家的企业提供了网站建设、域名、虚拟主机、网站托管维护、企业网站设计、尼开远网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
1.通过焦点获取光标所在元素
光标所在一般都在文本框里面(该方法只适用于input,textarea)
$("input:focus") //光标所在input元素的位置
$("textarea:focus")//光标所在textarea元素的位置
$("input:focus,textarea:focus")//光标所在元素的位置
2。通过点击事件获取光标所在元素
获取鼠标点击元素的位置(适用于所有元素)
$("*").click(function(e){
$(e.target)//光标所在元素位置
})
可以通过document.selection.createRange();来实现,而Firefox(火狐)浏览器则需要首先获取光标位置,然后对value进行字符串截取处理。
$(selector).insertAtCaret("value");
$(function(){
$("#btn").click(function(){
var oTxt1 = document.getElementById("txt1");
var cursurPosition=-1;
if(oTxt1.selectionStart){//非IE浏览器
cursurPosition= oTxt1.selectionStart;
}else{//IE
var range = document.selection.createRange();
range.moveStart("character",-oTxt1.value.length);
cursurPosition=range.text.length;
}
cursurPosition = cursurPosition==0?1:cursurPosition;
var str = oTxt1.value.substr(0,cursurPosition-1);
var str1=oTxt1.value.substr(cursurPosition);
//str跟str1就是光标在内容框内的前后的内容,现在你可以在str跟str1之间插入一个图片,然后再把str+图片+str1组装成一个整体,然后赋值给该div的内容
})
})
文章标题:jquery在光标位置,jquery光标位置移动
本文链接:https://www.cdcxhl.com/article6/dscisig.html
成都网站建设公司_创新互联,为您提供虚拟主机、商城网站、App设计、品牌网站制作、网站收录、定制开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联