`);
const MyColorSelector = document.getElementById("MyColorSelector");
const redRange = document.getElementById("redRange");
const greenRange = document.getElementById("greenRange");
const blueRange = document.getElementById("blueRange");
const colorDisplay = document.getElementById("colorDisplay");
const colorPreview = document.getElementById("colorPreview");
const selectColorBtn = document.getElementById("selectColorBtn");
const selectColorCancelBtn = document.getElementById("selectColorCancelBtn");
const selectAPIBtn = document.getElementById("selectAPIBtn");
const scrollBtn = document.getElementById("scrollBtn");
const selectForeignBtn = document.getElementById("selectForeignBtn");
// 更新颜色显示区域的颜色
function updateColorDisplay() {
const redValue = redRange.value;
const greenValue = greenRange.value;
const blueValue = blueRange.value;
const selectedColor = `rgb(${redValue},${greenValue},${blueValue})`;
colorDisplay.style.backgroundColor = selectedColor;
colorPreview.style.color = selectedColor
}
// 添加滑块的 input 事件处理程序
redRange.addEventListener("input", updateColorDisplay);
greenRange.addEventListener("input", updateColorDisplay);
blueRange.addEventListener("input", updateColorDisplay);
selectColorBtn.addEventListener("click", (ev)=>{
const redValue = redRange.value;
const greenValue = greenRange.value;
const blueValue = blueRange.value;
const selectedColor = `rgb(${redValue},${greenValue},${blueValue})`;
GM_setValue("highlightColor", selectedColor)
Toast.success("请重新刷新页面生效!")
MyColorSelector.remove()
});
selectColorCancelBtn.addEventListener("click", (ev)=>{
MyColorSelector.remove()
});
//本站滚动
scrollBtn.addEventListener("click", (ev)=>{
if(scrollTranslate){
localStorage.removeItem("scrollTranslate")
scrollTranslate = false
Toast.error("本站滚动翻译已关！")
window.removeEventListener('scroll', handleScroll);
}else {
localStorage.setItem("scrollTranslate", "open")
scrollTranslate = true
Toast.info("本站滚动翻译已开，如需要切换语言请点侧边的语言按钮！")
window.addEventListener('scroll', handleScroll);
}
})
//选择引擎
selectAPIBtn.addEventListener('click', () => {
const selectEl = document.getElementById('selectAPI');
const selectedValue = selectEl.options[selectEl.selectedIndex].value;
switchIndex = selectedValue
switchAPI(true)
MyColorSelector.remove() //退出
});
//选择外语语种
selectForeignBtn.addEventListener('click', () => {
const selectEl = document.getElementById('selectForeign');
const selectedValue = selectEl.options[selectEl.selectedIndex].value;
if(isSupportMultiLang()){
Reflect.set(currentAPI,"EnglishLang",selectedValue)
Toast.success("设置成功！" + selectedValue)
localStorage.removeItem(`${currentAPI.name}wordCache`)//清空缓存
GM_setValue("selectForeignLang", selectedValue)
MyColorSelector.remove() //退出
}else{
Toast.error("暂时仅支持腾讯交互，谷歌，微软, 手机有道,阿里翻译。请切换引擎后设置")
}
});
// 初始化颜色显示
updateColorDisplay();
//加载预览色
colorDisplay.style.backgroundColor = highlightColor;
colorPreview.style.color = highlightColor
//提示当前引擎
try {
Toast.info(`当前API:${currentAPI.name}`)
} catch (e) {}
}
//注册菜单
setTimeout(() => {
GM_registerMenuCommand("更新脚本", function (event) {
if(isMobile()){
location.href = "https://greasyfork.org/zh-CN/scripts/469073"
}else {
GM_openInTab("https://greasyfork.org/zh-CN/scripts/469073")
}
}, "updateTranslateJS");
GM_registerMenuCommand("颜色/设置", colorSelectAndSettings, "HeightLightColor");
GM_registerMenuCommand("排除/放行该站", function (event) {
if (excludeSites.includes(location.host)) {
console.log('网站已经存在,现已经放行')
excludeSites = excludeSites.filter(function (element) {
return element !== location.host; // 返回不等于要删除元素的元素
});
console.log(excludeSites);
Toast.success('网站已经存在,现已经放行')
} else {
console.log('网站不存在, 现已经排除')
excludeSites.push(location.host)
Toast.success('网站不存在, 现已经排除')
}
GM_setValue("excludeSites", JSON.stringify(excludeSites))
console.log(excludeSites)
}, "excludeWeb");
// GM_registerMenuCommand("鼠标右击选词开关", rightSelectMode, "selectMode");
})
//载入配置
async function loadConfig() {
isDoubleShow = await GM_getValue("isDoubleShow", true)
isHighlight = await GM_getValue("isHighlight", true)
englishAutoTranslate = await GM_getValue("englishAutoTranslate", false)
leftSelectMode = await GM_getValue("leftSelectMode", false)
let selectlang = await GM_getValue("selectTolang", "ChineseLang")
setTimeout(()=>{
if(leftSelectMode){
leftSelectMode = false;
leftSelect(true)
}
if(selectlang === 'ChineseLang'){
selectTolang = currentAPI.ChineseLang
}else{
selectTolang = currentAPI.EnglishLang
}
})
try {
switchIndex = await GM_getValue("switchIndex", 0) - 1
console.warn("switchIndex", switchIndex)
switchAPI(false)
} catch (ex) {
switchIndex = 0;
console.error("switchIndex ex:", switchIndex, ex)
}
//载入外语语种
try {
if(isSupportMultiLang()){
let selectForeignLang = await GM_getValue("selectForeignLang")
if(selectForeignLang){
Reflect.set(currentAPI, "EnglishLang", selectForeignLang)
}
}
console.warn("selectForeignLang load:", selectForeignLang)
} catch (ex) {
console.error("selectForeignLang load ex:", switchIndex, ex)
}
console.warn("isDoubleShow", isDoubleShow)
console.warn("isHighlight", isHighlight)
console.warn("englishAutoTranslate", englishAutoTranslate)
const excludeSitesConfig = await GM_getValue("excludeSites")
if (excludeSitesConfig) {
try {
excludeSites = JSON.parse(excludeSitesConfig)
} catch (e) {
console.error('json出错:', e, excludeSitesConfig)
}
}
console.warn('excludeSites', excludeSites)
//toastr配置
toastr.options = {
// "closeButton": false,
// "debug": false,
// "newestOnTop": false,
// "progressBar": false,
"positionClass": "toast-top-right", // 提示框位置，这里填类名
// "preventDuplicates": false,
// "onclick": null,
"showDuration": "1000", // 提示框渐显所用时间
"hideDuration": "1000", // 提示框隐藏渐隐时间
"timeOut": "5000", // 提示框持续时间
"extendedTimeOut": "2000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
}
try {
await loadConfig()
} catch (e) {
console.error("load config error:", e)
}
function handleMouseout(event) {
const target = event.target;
if (target.classList.contains('translate-main')) {
return
}
target.style.border = '';
//console.error('mouseout' + target);
}
function handleMousemove(event) {
const target = event.target;
if (target.classList.contains('translate-main')) {
return
}
target.style.border = '1px solid red';
//console.log('mousemove' + target);
}
function handleContextmenu(event) {
event.preventDefault(); // 阻止默认右键菜单的显示
const target = event.target;
console.warn('contextmenu' + target);
target.style.border = '';
//翻译
translateTo(selectTolang, target)
}
async function handleMouseUpOrTouchend(event) {
event.stopPropagation()
//copyTranslatedText
if (/copyTranslatedText/.test(event.target.id)) {
GM_setClipboard(document.querySelector('#qs_selectedText').innerText, "text");
console.log('复制成功')
Toast.success("复制成功!")
return
}
const selectText = window.getSelection().toString()
//console.error(event.target)
if (/(qs_searchBoxOuter|qs_searchBox|qs_selectedText)/.test(event.target.id)) {
return;
} else {
document.querySelectorAll('#qs_searchBoxOuter').forEach(item => {
item.remove();
})
}
if (!selectText) return;
console.warn(selectText)
let mouseX = event.pageX;
let mouseY = event.pageY;
if (event.changedTouches && event.changedTouches.length > 0) {
mouseX = event.changedTouches[0].pageX
mouseY = event.changedTouches[0].pageY
}
console.log('鼠标位置：', mouseX, mouseY);
$("body").append($(`