防止在密码字段上重新激活javascript盲目效果

Prevent from reactivating javascript blind effect on password fields

本文关键字：激活 javascript 盲目 新激活 密码 字段      更新时间：2023-09-26

我有这个项目我正在工作，我有两个密码字段，当每个获得焦点它使用jquery显示盲目效果;这将在密码字段下方显示密码强度div。然后当它失去焦点时，它隐藏了密码强度div。我希望密码强度在两个密码字段之间切换时保持打开。


$('input[type=password]').focus(function() {
$('#pswd_info').show("blind", { direction: "vertical" }, 1000);
    }).blur(function() {
       $('#pswd_info').hide("blind", { direction: "vertical" }, 1000);
    });


编辑:

所以我花了一些时间试图弄清楚，但我有。这是我的解决方案，感谢罗伯特。这是我的解决方案。

$('input[type=password]').focus(function() {
            $('#pswd_info').show("blind", { direction: "vertical" }, 300);
        });
 $("input[type=password]").blur(function() {
            window.setTimeout(function(){
                if($(":focus").attr("type") != "password"){
                    $('#pswd_info').hide("blind", { direction: "vertical" }, 300);
                }
            },100);
        });

感谢大家的帮助。

检查document.ActiveElement，看看它是否是您的两个密码字段之一。如果不是，您可以允许执行.hide函数。

更多信息在这里:有没有'has focus'JavaScript(或jQuery)?

你试过这样做吗?这只是一个建议....

$('input[type=password]').live('keyup',function() {
$('#pswd_info').show("blind", { direction: "vertical" }, 1000);
    }).blur(function() {
       $('#pswd_info').hide("blind", { direction: "vertical" }, 1000);
    });
相关文章：