vue+typesript 元素选择器

如题

由于electron项目需要自定义右键事件,需要上线文本复制粘贴,图片的复制粘贴等等功能
其他都是简单,在图片选择复制遇上了困难,不多说,直接上添加方法

 private handleItemClick(type:string,e?:MouseEvent){
 		//ts 方式的获取元素节点 <img ref='img'src='....'></img>
       const imgName = 'img';
       const img: any = this.$refs[imgName];
       let selection = window.getSelection();
       let range = document.createRange();
       if(selection){
          range.selectNode(img as Element);
          selection.removeAllRanges();
          selection.addRange(range);
          (img as Element).ownerDocument.execCommand('copy');
          selection.removeAllRanges();
       }
}

就这样~,不知道range.selectNode苦恼了我非常多的时间。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值