求助好心的大佬，这个划词搜索的脚本怎么添加点击图标后、鼠标滚动后、超时后自动关闭弹窗的代码呀

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1718 天前的主题，其中的信息可能已经有所发展或是发生改变。

发现好几个代码都是在 translate 那个脚本代码基础上改的，就是没有点击图标后、鼠标滚动后、超时后自动关闭弹窗，瞎研究了一晚上也没整出来，大佬们求救

链接：

浏览器搜索扩展工具。

弹窗

代码

脚本

滚动

2 条回复 • 2020-04-15 10:33:40 +08:00

Yourshell

2020-04-15 08:37:30 +08:00

从原脚本第二百行开始，话说老哥你这个 2012 年的号不会这个就你们离谱。

```
// 鼠标事件
document.addEventListener('mouseup', function (e) {
if (e.target == icon || (e.target.parentNode && e.target.parentNode == icon)) {
e.preventDefault();
return;
}
var text = window.getSelection().toString().trim();
if (text && icon.style.display == 'none') {
icon.style.top = e.pageY +40 + 'px';
if(e.pageX -70<10)
icon.style.left='10px';
else
icon.style.left = e.pageX -70 + 'px';
icon.style.display = 'block';
// 这里
window.setTimeout(function(){icon.style.display='none'}, 5000)
} else if (!text) {
icon.style.display = 'none';
}
});

// 这里
document.addEventListener('scroll', function(e){
icon.style.display='none';
});

/**触发事件*/
function tiggerEvent(el, type) {
if ('createEvent' in document) {// modern browsers, IE9+
var e = document.createEvent('HTMLEvents');
e.initEvent(type, false, true);// event.initEvent(type, bubbles, cancelable);
el.dispatchEvent(e);
} else {// IE 8
e = document.createEventObject();
e.eventType = type;
el.fireEvent('on' + e.eventType, e);
}
}

/**在新标签页中打开*/
function open(url) {
// 这里
icon.style.display='none';
var win;
win = window.open(url);

if (window.focus) {
win.focus();
}
return win;
}
```

soooulp

2020-04-15 10:33:40 +08:00

@Yourshell 给大佬递烟，太太太感谢啦，12 年毕业就没写代码了，现在 Javascript 一脸懵，再慢慢开始研究