文本限制输入,文本超出光标保持在字符后面

 

//设置最大可输入字符 

  setMaxlength(event) {

      let ev = event || window.event

      if (ev.target.innerText.length > 2000) {

        setTimeout(() => {

          ev.target.innerText = ev.target.innerText.substring(0, 2000)

          this.$msg("最大可输入2000字符!", "warning", 2000)

          this.keepLastIndex(ev.target)

        }, 0)

      }

      if (ev.target.innerText.length > 2000 && ev.keyCode !== 8 && ev.keyCode !== 116) {

        this.$msg("最大可输入2000字符!", "warning", 2000)

        ev.preventDefault()

      }

    },

//当字符超出光标在字符后面

    keepLastIndex(obj) {

      if (window.getSelection) { //ie11 10 9 ff safari

        obj.focus(); //解决ff不获取焦点无法定位问题

        let range = window.getSelection(); //创建range

        range.selectAllChildren(obj); //range 选择obj下所有子内容

        range.collapseToEnd(); //光标移至最后

      } else if (document.selection) { //ie10 9 8 7 6 5

        let range = document.selection.createRange(); //创建选择对象

        //var range = document.body.createTextRange();

        range.moveToElementText(obj); //range定位到obj

        range.collapse(false); //光标移至最后

        range.select();

      }

    },

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值