现在是这样的,我这边有个运维系统,里面有个日志,我们经常要复制,然后我们复制的时候需要打开内容,然后去选中复制。
类似于这种,我觉得这个时候,去选中复制就很麻烦,右边这里不是有了吗。
那我就想能不能点击左上角就复制内容。
然后我现在的思路就是用油猴,
因为日志内容是我们接口查询后动态插入的,那我们就动态监听dom,如果有元素新增,就查询新出来的元素,给他加上点击事件,点击复制内容到粘贴版。
这种日常的脚本小工具,我觉得应该还是可以用的。
那我们现在就是要先学会使用油猴,学会监听元素新增。将内容复制进粘贴板。
// ==UserScript==
// @name 运维系统复制脚本
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match http://192.168.88.167:8084/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=88.167
// @grant GM.setClipboard
// ==/UserScript==(function() {'use strict';window.onload=function(){var mutation= new MutationObserver(function(mutations,observer) {mutations.forEach(function(mutation) {if (mutation.type == 'childList') {var datas=document.querySelectorAll(".ivu-table-cell .ivu-poptip .ivu-poptip-rel");if(datas.length>0){datas.forEach(function e(each) {each.onclick=function e(event){GM.setClipboard(event.target.innerText)}})}}});
});
var targetNode = document.getElementsByClassName("ivu-table-tip")[0];mutation.observe(targetNode, {childList: true,subtree: true
});}// 监听页面变化// 监听页面变化// Your code here...
})();
关键点,@match 对那个页面进行匹配执行脚本
页面加载完成后 window.onload 等页面加载完成后监听表格元素
如果有事件,查看下新出来的元素,有的话加上点击事件。
然后复制内容进粘贴版本。
其实这里有两种思路,一种是定时任务,一直查看元素有没有新增,一种就是我这种,监听父元素,有新元素就加时间,或者包装事件。
https://www.cnblogs.com/wgb1234/p/16499981.html
https://blog.csdn.net/qq_35385241/article/details/121989261
https://maoshu.fun/posts/cc7c94cd.html
https://blog.csdn.net/weixin_30536513/article/details/98380630