html – 在TypeScript中选择文本[复制]

前端之家收集整理的这篇文章主要介绍了html – 在TypeScript中选择文本[复制]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Select the text inside an input using Typescript in Angular 2                                    1个
如何在TypeScript中的输入字段中选择文本.

在Javascript中这个wpuld看起来像这样:

document.getElementById('id').select();

但TypeScript不支持select(错误:[ts]属性’select’在类型’HTMLElement’上不存在.)

添加了一些想法:
它可能是一个问题beacouse我使用dx控件,他们创建一个包装器.你可以在这里看到html:

<dx-text-Box _ngcontent-c1="" id="test" ng-reflect-disabled="false" ng-reflect-value="0:00" class="dx-texteditor dx-widget dx-textBox">
<div class="dx-texteditor-container">
<input autocomplete="off" class="dx-texteditor-input" type="text" spellcheck="false" tabindex="0" role="textBox">
<div data-dx_placeholder="" class="dx-placeholder dx-state-invisible"></div><div class="dx-texteditor-buttons-container">
</div></div></dx-text-Box>

解决方法

document.getElementById(string)返回一个未定义select()方法的HTMLElement. HTMLInputElement定义一个select()方法并扩展HTMLElement,所以如果你转换为HTMLInputElement,它应该工作:

(document.getElementById('id') as HTMLInputElement).select();

猜你在找的TypeScript相关文章