javascript中的光标

最近项目中要做一个键盘操作,光标移动的功能;增强用户体验;问朋友查资料了解到这方面的知识;整理备忘;

1、IE使用textRange对象,其他使用selectionStart selectionEnd;

/**
 * [moveCursor description]
 * @param  {[type]} obj       [表单对象]
 * @param  {[type]} insertPos [插入位置]
 * @return {[type]}           [description]
 */
function moveCursor(obj,insertPos){
    if(isNaN(insertPos)){
        throw '参数insertPos不是数字';
    }
    if(obj.nodeType != 1 ){
        throw '参数obj不是html对象'
    }
    insertPos = +insertPos;
    // document.body不支持新属性
    if('selectionStart' in obj){    
        obj.selectionStart = insertPos;
        obj.selectionEnd = insertPos;
        obj.focus();
    }else{
        var ctg = obj.createTextRange();
        ctg.move('character', insertPos);
        ctg.select();
    }
}

参考资料http://help.dottoro.com/ljtfkhio.php

posted on 2013-10-05 23:21  _Novice  阅读(331)  评论(0编辑  收藏  举报