1

我想将光标在 id="get" 的输​​入字段中的位置设置为另一个 id="no" 的输入字段中的指定值。当我用 id="no" 向输入字段输入值时它可以工作,但是当我用 id="get" 向输入字段输入值时它不起作用(仅在 safari 中)。在 IE/Firefox/Opera 中一切正常。各位高手,这是什么原因??这是我的代码:

<script>
function setCaretPosition(ctrl, pos) {
    if(ctrl.setSelectionRange) {
        setTimeout(function(){ctrl.focus();},1);
        ctrl.setSelectionRange(pos,pos);
    }
}
function process1() {
    var no = document.getElementById('no').value;
    setCaretPosition(document.getElementById('get'), no);
}
function process2(v) {
    var no = document.getElementById('no').value;
    setCaretPosition(v, no);
    //setCaretPosition(document.getElementById('get'), no);
}
</script>       
<input size="150" id="get" oninput="process2(this);" value="Please write some integer in the textbox given below and press Set Position button." /><br>
Enter Caret Position: <input oninput='process1();' value="3" id="no" size="1" type="text">
4

1 回答 1

1

我目前无法在 Safari 中进行测试,但我认为无论如何最好绑定到一些 onblur 或 focusout 事件。目前,您正在尝试在编辑第二个字段时设置插入符号位置。

onblur='g.process3("get");'

g.process3 = function(v) {

    var no = document.getElementById('no').value;
    var el = document.getElementById(v);
    el.focus();
    g.setCaretPosition(document.getElementById(v), no);
}

演示:http: //jsfiddle.net/beshur/uFaFt/

于 2013-10-25T18:52:07.763 回答