跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 求助好心的大佬,这个划词搜索的脚本怎么添加点击图标后、鼠标滚动后、超时后自动关闭弹窗的代码呀
未分類
11 2 月 2020

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

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

資深大佬 : soooulp 17

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

链接:

浏览器搜索扩展工具。

大佬有話說 (2)

  • 資深大佬 : Yourshell

    从原脚本第二百行开始,话说老哥你这个 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

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

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具