怎么让input不失去焦点

最新推荐文章于 2025-06-14 21:18:41 发布

weixin_34055787

最新推荐文章于 2025-06-14 21:18:41 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python 前端 ViewUI

原文链接：https://my.oschina.net/lirongfei/blog/507821

本文介绍了一种在不同浏览器中防止输入框失去焦点的方法。通过监听mousedown事件并判断目标元素来实现。针对IE6-8浏览器进行了特殊兼容处理。

2019独角兽企业重金招聘Python工程师标准>>>

对于chrome等现代浏览器的思路

就是当input focus的时候，对document监听mousedown事件，然后判断mousedown的事件焦点是不是你不想让input失去焦点的那个元素，是的话就阻止默认事件，下面摘取一段代码

对于ie6,7,8浏览器

也是同样的思路，但是阻止默认事件没有用，兼容处理就是这个时候设置input的unselectable=“on”

prevent_blur:function(elem,func){
    var fnDocumentMousedown;
    angular.element(elem).bind("focus",function(){
        $document.bind("mousedown",fnDocumentMousedown=function(event){
            if(func(event.target)){
                event.target.setAttribute("unselectable","on");
                event.preventDefault();
            }else if(event.target!=elem){
               $document.unbind("mousedown",fnDocumentMousedown);
            }
        });
    });
    angular.element(elem).bind("blur",function(){
        $document.unbind("mousedown",fnDocumentMousedown);
    });
}

转载于:https://my.oschina.net/lirongfei/blog/507821