问答

如何阻止文本框再次聚焦当鼠标从划词弹出的图标栏移回文本框后

作者:admin 2021-05-12 我要评论

第一个脚本,当鼠标移到input、textarea元素的文本框,自动聚焦,光标在文字末尾,移出input、textarea会自动失焦 另一个脚本,划词弹图标栏 鼠标从图标栏移到文...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

第一个脚本,当鼠标移到input、textarea元素的文本框,自动聚焦,光标在文字末尾,移出input、textarea会自动失焦

另一个脚本,划词弹图标栏

鼠标从图标栏移到文本框后,或者点击图标执行功能,比如复制,图标栏自动消失后,鼠标在文本框,会自动再次聚焦文本框,划词的文字会消失,光标在文字末尾

如何让鼠标从图标栏,移回到文本框不再自动聚焦,保留划词文字

有一个思路,使用油猴子存储本次鼠标所在位置的元素,移到下一个元素判断上一个元素是是img,就不自动聚焦,从input、textarea元素移到img元素清除失焦的计时

不知道如何存储本次的元素,作为下一次的判断

图标栏元素e.target.localName ==='img'

划词弹图标栏工具

//自动聚焦
document.addEventListener('mouseover', function (e) {
        if (e.target.localName ==='input' || e.target.localName ==='textarea'){
            e.target.focus();
            var val = e.target.value; //store the value of the element
            e.target.value = ''; //clear the value of the element
            e.target.value = val; //set that value back.
        }
    });
//失焦
    document.addEventListener('mouseout', function (e) {
        var text = window.getSelection().toString().trim();
        timer = setTimeout(function () {
            e.target.blur();
        }, 20)
        if(text){
            clearTimeout(timer);
        }
    },false);

###

判断输入框的selectionStart和end 一样就focus 不一样就说明有选择的然后就不focus 这样可以么

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 如何阻止文本框再次聚焦当鼠标从划词弹

    如何阻止文本框再次聚焦当鼠标从划词弹

  • tomcat响应文件的mime type的问题

    tomcat响应文件的mime type的问题

  • h5怎么去除全网页中的float?

    h5怎么去除全网页中的float?

  • Netty中childAttr方法设置的值为什么被

    Netty中childAttr方法设置的值为什么被

腾讯云代理商
海外云服务器