十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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的内容
})
})