localStorage问题 - onblur无法在移动设备上运行

Question

我创建了一个在Web浏览器上完美运行的表单，但它不适用于移动设备。我正在使用localStorage在表单中保存从第一步到第二步的一些信息。我这样做的方法是对每个输入元素使用onblur函数。例如，在电子邮件输入中，我添加onblur =＆＃34; storeData（）＆＃34; 。该表单在Web浏览器上完美运行，但在移动设备上则不然。我不确定可能是什么问题，但我认为onblur不适用于移动设备。如何才能为移动设备更换onblur？如果您知道，请提供JS代码进行测试。

感谢。

JS代码：

<script>
    function storeData() {
        var userEmail = document.querySelector("#UserName");
        var userPhoneNumber = document.querySelector("#PhoneNumber");
        var userName = document.querySelector("#FirstName");
        var userLastName = document.querySelector("#LastName");
        localStorage.setItem("mail", userEmail.value);
        localStorage.setItem("phone", userPhoneNumber.value);
        localStorage.setItem("name", userName.value);
        localStorage.setItem("lastName", userLastName.value);
    }

    function getData() {
        var userEmail = document.querySelector("#UserName");
        var userPhoneNumber = document.querySelector("#PhoneNumber");
        var userName = document.querySelector("#FirstName");
        var userLastName = document.querySelector("#LastName");
        userEmail.value = localStorage.getItem("mail");
        userPhoneNumber.value = localStorage.getItem("phone");
        userName.value = localStorage.getItem("name");
        userLastName.value = localStorage.getItem("lastName");
    }
</script>