今天小编给大家分享一下JavaScript怎么复制页面内容的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。使用 Async Clipboard API这种方式使用起来最简单,但兼容性不太好,而且要求比较多。示例代码:需要注意,方法的返回值是个 Promise。并且使用此方法时,页面必须处于 focus 状态,否则会报错。使用 Document.execCommand此方法虽然警告被废弃,不再属于 web 标准,但历史因素较多,相信浏览器还会支持很久。123456复制 DOM 元素的时候,需要额外使用到 selection API 和 Range API。developer.mozilla.org/en-US/docs/…developer.mozilla.org/en-US/docs/…示例代码:selection 需要先清空再添加 range。这里会有一个细节问题,点击复制按钮之后,被复制的内容处于选中状态,有些突兀。解决方式是在复制完成之后调用 selection.removeAllRanges()
清空选中内容即可。再考虑一种情况,用户在复制之前就选中了页面的部分内容。在复制完成之后,除了清空选中的复制内容,还需要还原用免费云主机、域名户在复制之前就选中的内容。实现代码如下:先缓存用户选中的内容,复制完成之后,再还原。使用 input 元素对象的 select
方法即可选中内容,无需创建 range 片段设置选中内容。示例代码:点击复制按钮,同样不会移除之前选中的内容。w3c.github.io/clipboard-a…引用上面链接内的一段代码作为示例:在页面复制任何内容,粘贴输出的内容都会是 “西炒蛋”。以上就是“JavaScript怎么复制页面内容”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注云技术行业资讯频道。
本篇内容介绍了“jquery如何根据id移除元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! jquery根免费云主机、域名据id移除元素的方法:1、通过id…