希望只当鼠标有滑动时才显示翻译icon

[cweijan]

有的网页做了些规则, 当点击元素时, 会自动选择一串文本. 这时这个脚本的翻译icon就会显示, 体验不太好. 希望当这种情况下不显示翻译icon. 我自己也弄了一个划词脚本, 这是我的处理方法.

let last;
document.addEventListener('mousedown', e => {
    last=e.clientX
})
document.addEventListener('mouseup', e => {
    if(xxx){ // 准备显示icon时
        // 如果滑动的x轴小于10, 说明是通过css或者js自动选中的文本, 不显示翻译icon
        if(e.clientX - last < 10) return;    
    }
})

如果采用我这种方式, 会导致dblclick事件失效, 还要额外处理下dblclick事件.

[noe132]

哪些网页会出现这种情况，可以给一些例子我来看看

[cweijan]

搭了一个demo, 你试试看. http://119.91.29.243/

[cweijan]

有许多文档网站会搞这种操作, 这导致翻译icon像个牛皮癣一样, 怎么甩都甩不掉.