求教如何获取textarea中光标相对于浏览器窗口或者body元素的x,y坐标.或者求教如何让下拉列表根据或者跟随textarea中光标的位置出现或者移动

Question

求教如何获取textarea中光标相对于浏览器窗口或者body元素的x,y坐标.或者求教如何让下拉列表根据或者跟随textarea中光标的位置出现或者移动
不要textarea光标在textarea的第几行 第几个字符  要光标在距离左边111,距离上边122这样子....还请不吝赐教 谢谢textarea光标坐标

Answer 1

<script type="text/javascript">
//光标移到输入框最后
    function test(obj) {
       if (typeof obj == 'string') obj = document.getElementById(obj);
        obj.focus();
        if (obj.createTextRange) {//ie
            var rtextRange = obj.createTextRange();
            rtextRange.moveStart('character', obj.value.length);
            rtextRange.collapse(true);
            rtextRange.select();
        }
        else if (obj.selectionStart){//chrome "<input>"、"<textarea>"
            obj.selectionStart = obj.value.length;
        }else if(window.getSelection){
             
            var sel = window.getSelection();            
 
            var tempRange = document.createRange();
            tempRange.setStart(obj.firstChild, obj.firstChild.length);
 
            sel.removeAllRanges();
            sel.addRange(tempRange);
            //obj.focus();
        }
    }
</script><input id="txt2" type="text"/>
<input type="button" onclick="test('txt2');" value="执行" /><br />
你的需求好奇怪呀！！这里有光标移到最后的例子，希望可以帮到你！