复制网页上无法选中的文字

如果你是一个热爱生活、旅游、音乐或者游戏,但是却web一无所知,那么有时候你就会遇到一种情况就是,在网页上有一段文字,但是你却复制不了。就像一个相爱的人但却无法触及的感觉。
比如朋友有某狗上给我推荐了一首歌曲,但是我是一个云粉,我只想在网易云上听,我需要把歌名复制过去,What a f***!竟然不让。或者其他类似不让复制的情况。
如果没有任何web基础,那么这个时候就需要这样做。
let`s do it!
还是以某狗为例!

image.png
正常的情况是不让选的。

第一种方法

image.png
按图片上指示的四步后,可以得到以下的结果

image.png

第二种方法

第一步和上面的一样,按F12呼出控制台。
第二步,点击console那个选项

image.png
第三步,把下面的代码复制到那个光标那里

var eles = document.getElementsByTagName('*');
for (var i = 0; i < eles.length; i++) {
    eles[i].style.userSelect = 'text';
}

这个时候,网页上的所有文字就是可选状态了。

其实前端接触过那么一丢丢,就可以轻松解决这个问题。但是如果是其他行业,和前端丝毫没有关系,也不需要,不想了解,那么,通过上面的两种方法就可以解决这个问题。

原文地址:https://www.cnblogs.com/changzhenan/p/7103695.html