JS获取选中文字——可仅限于某标签

最近遇到一个新的需求,需要选中某标签内容,点击按钮形成笔记上传到后端。

JS获取选中文字可以用window.getSelection()函数

但如果要实现只能从某段文字中复制呢?

那就给这个标签加上一个mouseup事件,在这个事件里去获取选中文字,当点击按钮时上传这段文字。

具体实现代码如下:

async pushToNote() {
  if (this.txt == '') {
    message.error('请选择正文内容', 1);
    return;
  }
  let params = { text: this.txt };
  let res = await postNote(params);
  if (res.code == 200) {
    message.success('加入成功', 1);
  } else {
    message.error('加入失败', 1);
  }
  this.txt = '';
},
mytest(e) {
  let txt = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
  if (txt == '') {
    //当选中内容为空时,阻止事件发生
    window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
  } else {
    this.txt = txt;
  }
},

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值