JSJAVASCRIPT 选中文本框内的文字 让滚动条滚动到选中文字的位置

JSJAVASCRIPT 选中文本框内的文字 让滚动条滚动到选中文字的位置,第1张

function func(){

var textarea = documentgetElementById("textarea");

//首先移动光标到所选文字位置,滚动条自动滚动

MoveCursortoPos('textarea' , 30 );

//再选中文字

textareasetSelectionRange(30,32);//选中文本框内的文字

//textareascrollTop = textareascrollHeight;//滚动到底部

//想要修改成只滚动到 选中文字 的位置应该怎么写?

}

//设置光标位置

function MoveCursortoPos(id,pos){//定位光标到某个位置

var obj = documentgetElementById(id); //获得元素

pos = pos pos :objvaluelength;

if (objcreateTextRange) {//IE浏览器 IE浏览器中有TextRange 对body,textarea,button有效

var range = objcreateTextRange(); //创建textRange

rangemoveStart("character", pos); //移动开始点,以字符为单位

rangecollapse(true);//没有移动结束点直接 折叠到一个点

rangeselect();//选择这个点

} else {//非IE浏览器

objsetSelectionRange(objvaluelength, pos);

}

objfocus();

}

windowonmousewheel = function(){  //触发滚轮事件

}

windowonscroll = function(){  //滚动条事件

}

//其实你的问题直接使用判断滚动条应该就可以了,但是如果一定要拖动滚动条才执行事件,我们可以通过获取鼠标位置来模拟

var a = documentgetElementsByTagName("html")[0];

windowonmousemove = function(){

        //一般默认滚动条12px宽,当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条

if(innerWidth - eventclientX < 12){

aonmousedown = function(){

consolelog(1);

}

}else{

aonmousedown = null;

}

}

//兼容性写法,该函数也是网上别人写的,不过找不到出处了,蛮好的,所有我也没有必要修改了

//判断鼠标滚轮滚动方向

if (windowaddEventListener)//FF,火狐浏览器会识别该方法

    windowaddEventListener('DOMMouseScroll', wheel, false);

windowonmousewheel = documentonmousewheel = wheel;//W3C

//统一处理滚轮滚动事件

function wheel(event){

    var delta = 0;

    if (!event) event = windowevent;

    if (eventwheelDelta) {//IE、chrome浏览器使用的是wheelDelta,并且值为“正负120”

        delta = eventwheelDelta/120; 

        if (windowopera) delta = -delta;//因为IE、chrome等向下滚动是负值,FF是正值,为了处理一致性,在此取反处理

    } else if (eventdetail) {//FF浏览器使用的是detail,其值为“正负3”

        delta = -eventdetail/3;

    }

    if (delta)

        handle(delta);

}

//上下滚动时的具体处理函数

function handle(delta) {

        if (delta <0){//向下滚动

            

        }else{//向上滚动

            

        }

    }

以上就是关于JS/JAVASCRIPT 选中文本框内的文字 让滚动条滚动到选中文字的位置全部的内容,包括:JS/JAVASCRIPT 选中文本框内的文字 让滚动条滚动到选中文字的位置、js,鼠标上下滑轮或者拉动滚动条触发事件、js中鼠标滚轮不按下只滚动怎么捕捉这种事件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9563512.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存