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

转载于:https://www.cnblogs.com/w3cjiangtao/p/3353096.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值