// ==UserScript==// @name        icon park 一键复制// @namespace   Violentmonkey Scripts// @match       https://iconpark.oceanengine.com/official*// @grant       GM_setClipboard// @version     1.0// @author      -// @description 2024/11/13 17:49:24// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js// @license MIT// ==/UserScript==document.body.addEventListener('click', (event) => {const matchedNode = findParentElement(event.srcElement, item => {return item.classList.contains('icon-base-wrapper')})console.log(matchedNode, 111)if (matchedNode) {const iconName = matchedNode.querySelector('.icon-base-view-text.name').innerTextGM_setClipboard(`icon="${iconName}"`)highlight(matchedNode)}})function findParentElement(element, matchFunction) {// 从当前元素开始，逐级向上查找父级元素while (element && element !== document.body) {// 如果匹配方法返回 true，则返回当前元素if (matchFunction(element)) {return element;}// 否则继续查找父级元素element = element.parentElement;}// 如果没有找到匹配的元素，返回 nullreturn null;}function highlight(clickedElement, doc) {let d = documentlet frameX = 0let frameY = 0if (doc) {d = doc.contentDocumentconst rect = doc.getBoundingClientRect()frameX = rect.xframeY = rect.y}const rect = clickedElement.getBoundingClientRect()const frame = d.createElement('div')frame.style.position = 'absolute'frame.style.top = frameY + rect.top + window.scrollY - 4 + 'px'frame.style.left = frameX + rect.left + window.scrollX - 4 + 'px'frame.style.width = rect.width + 8 + 'px'frame.style.height = rect.height + 8 + 'px'frame.style.border = 'solid 2px gold'frame.style.borderRadius = '5px'frame.style.zIndex = '99999'frame.style.pointerEvents = 'none'document.body.appendChild(frame)$(frame).fadeIn(300, 'swing').delay(300).fadeOut(200, 'swing')}