css js 解除网页无法选择进而复制的限制,bd文库无法复制

先明确,遇到的问题到底是没有办法选中还是选中后复制了没效果,至于右键不出现菜单也是一样的原理,暂时不写,可以先自己搜索一下有关menu的js函数
无法选中是css中的各种select属性问题,复制没有效果是javascript中进行了copy限制
测试环境,chrome

无法选择文本

打开网页源码或审查元素,查看style
看到

-webkit-user-select: none;
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;

几项属性或者只有其中一个,全部去掉即可解除限制。

更新:

有时候其实你是可以选择的,只不过颜色透明了,没有那个蓝色的提示,实际上还是选中了。
这个提示颜色的控制目前遇到的就是以下这个样式,去掉即可,选中的蓝色提示又回来了,去掉下面这个样式之前还是先把上面的几个select先去了。
-webkit-tap-highlight-color:transparent

无法复制

以某文库来,选中要复制的文字(如果无法选中请看上面的问题),右击检查,找到event listeners中的copy函数(可能不是这个名字,不过这个程序员还是挺标准化的)
如果没有找到,可能是你没有选中文库的文字,不允许复制的文字才会有这个函数阻挡,直接按F12查看listeners里面是没有的

remove该函数即可
下面的是本人找出的相关处理函数

    /**
     * 绑定oncopy事件
     * 如果用户没有登录则屏蔽copy
     * 弹出登录框
     */
    !config.copyable && T.on(config.container, 'copy', function (e) {
        that.clearPops();
        stop(e);
    });
posted @ 2020-08-18 11:05  ecnu_lxz  阅读(722)  评论(0编辑  收藏  举报