成都网站建设设计

将想法与焦点和您一起共享

jquery在光标位置,jquery光标位置移动

jquery 或者js 怎么获取页面光标所在的元素

jquery 或者js 获取页面光标所在的元素有如下两种方式:

目前成都创新互联已为上千家的企业提供了网站建设、域名、虚拟主机、网站托管维护、企业网站设计、尼开远网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

1.通过焦点获取光标所在元素

光标所在一般都在文本框里面(该方法只适用于input,textarea)

$("input:focus") //光标所在input元素的位置

$("textarea:focus")//光标所在textarea元素的位置

$("input:focus,textarea:focus")//光标所在元素的位置

2。通过点击事件获取光标所在元素

获取鼠标点击元素的位置(适用于所有元素)

$("*").click(function(e){

$(e.target)//光标所在元素位置

})

jquery 怎么在光标处插入数据

可以通过document.selection.createRange();来实现,而Firefox(火狐)浏览器则需要首先获取光标位置,然后对value进行字符串截取处理。

$(selector).insertAtCaret("value");

(jquery)我想在光标位置插入图片

$(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光标位置移动
本文URL:http://chengdu.cdxwcx.cn/article/dscisig.html