window.location.href不会更改Chrome扩展程序中Enter按钮上的弹出窗口

Question

我在chrome扩展程序的默认弹出窗口下方有一个

。

<form class="first-time-flow__form fullwidth">
    <h1 class="textaligncenter">Welcome</h1> 
    <div class="first-time-flow__textarea-wrapper">
        <label>Password (min 8 chars)</label>
        <input type="password" class="first-time-flow__input passwordinput" id="newpassword" />
    </div>
    <button type="button" class="btn btn-primary loginpassword savePKbutton" id="btnlogin" disabled>Login</button>
</form>   

我希望在输入密码后，用户将按Enter键时，应触发提交按钮并更改弹出窗口。我尝试了以下方法：

$(document).ready(function() {
   $("#newpassword").keypress(function(event) {
        if(e.keyCode==13){
            $('#btnlogin').click();
         }
    });

   $('#btnlogin').on('click',function(){

        var password = $('#newpassword').val().trim();

        if(password.length >= 8){

        localStorage.password = password;

        chrome.browserAction.setPopup({
        popup:"login.html"
        });
        window.location.href = 'login.html';
        }
    });
});

此功能在后台运行良好，没有任何错误，弹出窗口也设置为login.html，但前端未更改。当我关闭并打开chrome扩展程序时，将显示设置弹出窗口 login.html 。如果用户手动单击“提交”按钮，则正常功能可以正常工作。