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光标位置移动
本文链接:https://www.cdcxhl.com/article6/dscisig.html

成都网站建设公司_创新互联,为您提供虚拟主机商城网站App设计品牌网站制作网站收录定制开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站建设