关于在angular6中实现一键复制功能时,出现的报错:Property 'value' does not exist on type 'HTMLElement'的解决方法!

这是我在做一个一键复制文本功能的方法,在这里分享一下。

HTML文件:

    <div class="email" id="email">12345679@qq.com</div>

    <button class="button" (click)="copy()">Copy</button>

    <textarea id="input">test</textarea>

TS文件

    copy() {  

    const text = document.getElementById('email').innerText;

    const input = document.getElementById('input') as HTMLTextAreaElement;

    input.value = text; // 修改文本框的内容

    input.select(); // 选中文本

    document.execCommand('copy'); // 执行浏览器复制命令

    }

关键是const input =document.getElementById('input') as HTMLTextAreaElement; 这一段中的as HTMLTextAreaElement,

使用之后编译的时候就不会报错了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。