angular 2 – 在elementRef上设置选择

2023年4月6日 231次阅读

我有这个选择：

let selection = window.getSelection();

而这个元素参考：

@ViewChild('contentEditable') public el: ElementRef;

例如,这个文本在contenteditable elementRef中：

This is some text

我选择’some’然后丢失了选择但是使用getSelection()将其保存在selection属性中.我如何在elementRef上重新设置它？

最佳答案 我把输入与contentEditable混淆了.使用contentEditable,您需要使用范围来获取选择并设置选择.

要获得选择：

let range = document.createRange();
range = window.getSelection().getRangeAt(0);
this.rangeClone = range.cloneRange();

这使用了Javascript中Selection和Range对象的组合.有关详细信息,请阅读文档：

Selection

Range

要设置选择：

this.el.nativeElement.focus();
const sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(this.rangeClone);

This.el看起来像这样：

@ViewChild('contentEditable') public el: ElementRef;
点赞