OnClickClien não funciona no primeiro clique

[Leticiasilvam 0]

Olá. Tenho uma função js em uma página aspx para mostrar a senha e quando clico/pressiono pela primeira vez a imagem (olho) para mostrar a senha, ele não funciona, só a partir das outros cliques. Gostaria de saber por que está acontecendo isso. 

 

JS:

function showHidePassword() {
                var senha = $('#Login1_Password');
                var olho = $("#Login1_showPassword");

                olho.mousedown(function () {
                    senha.attr("type", "text");
                    $('#Login1_showPassword').attr("src", "imagens/olho.png");
                });

                olho.mouseup(function () {
                    senha.attr("type", "password");
                    $('#Login1_showPassword').attr("src", "imagens/nao-olho.png");
                });
                
                $("#olho").mouseout(function () {
                    $("#senha").attr("type", "password");
                });
        }

        function showHidePasswordIf() {
            var passwordField = $('#Login1_Password');
            var passwordFieldType = passwordField.attr('type');
            if (passwordFieldType == 'password') {
                passwordField.attr('type', 'text');
                $('#Login1_showPassword1').val("Ocultar");
            } else {
                passwordField.attr('type', 'password');
                $('#Login1_showPassword1').val("Mostrar");
            }
        }

 

 

aspx: 

 

 <tr>
 <td style="width: 183px" align="left">&nbsp;

<asp:TextBox ID="Password" runat="server" Font-Size="12px" TextMode="Password"    SkinID="Largo" MaxLength="20"></asp:TextBox> 
<asp:ImageButton ID="showPassword" runat="server" ImageUrl="~/imagens/nao-olho.png" style="width:11%; margin-bottom: -2%" OnClientClick="showHidePassword(); return false;" />
 <asp:Button ID="showPassword1" Visible="false" runat="server" ImageUrl="~/imagens/nao-olho.png" Text="Mostrar" style="width:37%; margin-bottom: -2%" OnClientClick="showHidePasswordIf(); return false" />
</td>
 </tr>

 

 

Se faltar alguma informação, por favor avisem. Obrigada