xing/tampermonkey-script
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

完善注释

Browse Source
This commit is contained in:
example 2019-01-09 20:50:31 +08:00
parent 331c544056
commit 1ec4a83a3d
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
translate/translate-dictionary.js
View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name 划词翻译：有道词典，金山词霸，谷歌翻译 // @name 划词翻译：有道词典，金山词霸，谷歌翻译
// @namespace http://tampermonkey.net/ // @namespace http://tampermonkey.net/
// @version 1.4 // @version 1.5
// @description 划词翻译调用“有道词典（有道翻译）、金山词霸、谷歌翻译” // @description 划词翻译调用“有道词典（有道翻译）、金山词霸、谷歌翻译”
// @author https://github.com/barrer // @author https://github.com/barrer
// @match http://*/* // @match http://*/*
@ -276,6 +276,7 @@
engineId; engineId;
// 绑定图标拖动事件 // 绑定图标拖动事件
var iconDrag = new Drag(icon); var iconDrag = new Drag(icon);
// 添加翻译引擎图标
iconArray.forEach(function (obj) { iconArray.forEach(function (obj) {
var img = document.createElement('img'); var img = document.createElement('img');
img.setAttribute('src', obj.image); img.setAttribute('src', obj.image);
@ -291,8 +292,9 @@
}); });
icon.appendChild(img); icon.appendChild(img);
}); });
icon.appendChild(content); // 内容面板放图标后面 // 添加内容面板（放图标后面）
// 添加翻译图标到 DOM icon.appendChild(content);
// 添加样式、翻译图标到 DOM
var root = document.createElement('div'); var root = document.createElement('div');
document.documentElement.appendChild(root); document.documentElement.appendChild(root);
var shadow = root.attachShadow({ var shadow = root.attachShadow({
@ -320,7 +322,7 @@
} }
selected = window.getSelection().toString().trim(); // 当前选中文本 selected = window.getSelection().toString().trim(); // 当前选中文本
log('click text:' + selected); log('click text:' + selected);
if (selected && icon.style.display == 'none') { if (selected && icon.style.display == 'none') { // 显示翻译图标
log('show icon'); log('show icon');
log(selected + ' | ' + e.pageX + ' | ' + e.pageY); log(selected + ' | ' + e.pageX + ' | ' + e.pageY);
icon.style.top = e.pageY + 10 + 'px'; icon.style.top = e.pageY + 10 + 'px';
@ -329,7 +331,7 @@
// 兼容部分 Content Security Policy // 兼容部分 Content Security Policy
icon.style.position = 'absolute'; icon.style.position = 'absolute';
icon.style.zIndex = '2147483647'; icon.style.zIndex = '2147483647';
} else if (!selected) { } else if (!selected) { // 隐藏翻译图标
log('hide icon'); log('hide icon');
icon.style.display = 'none'; icon.style.display = 'none';
content.style.display = 'none'; content.style.display = 'none';
@ -337,7 +339,7 @@
forceStopDrag(); forceStopDrag();
} }
}); });
// 选中变化事件：当点击已经选中的文本的时候，隐藏翻译图标和翻译面板（此时浏览器动作是：选中的文本已经取消选中了） // 选中变化事件：当点击已经选中的文本的时候，隐藏翻译图标（此时浏览器动作是：选中的文本已经取消选中了）
document.addEventListener("selectionchange", function (e) { document.addEventListener("selectionchange", function (e) {
log('selectionchange event:', e); log('selectionchange event:', e);
log('selectionchange:' + window.getSelection().toString()); log('selectionchange:' + window.getSelection().toString());