,可以通过以下步骤实现:
@angular/platform-browser
模块,该模块提供了与浏览器交互的功能。ngModel
指令或其他适当的方式绑定文本框或文本区域的值。<textarea [(ngModel)]="selectedText"></textarea>
selectedText: string;
HostListener
装饰器监听mouseup
事件,并调用一个方法来获取所选文本。import { Component, HostListener } from '@angular/core';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent {
selectedText: string;
@HostListener('mouseup', ['$event'])
onMouseUp(event: MouseEvent) {
this.selectedText = window.getSelection().toString();
}
}
onMouseUp
方法会被触发,并将所选文本赋值给selectedText
变量。这样,你就可以在Angular应用程序中获取所选文本了。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云