手机端登录框变化时要去改变密码框内容事件

Posted 2020-08-26 LAL-alice

好久没有写博客记录了，说忙也都是借口啊。还是要多记录。

最近在做手机端的东西，登录页遇到一个问题，就是我想换个账号登录时，账号一旦有变动就该把密码清空。在pc上可以用keyup事件。然而在手机端上keyup事件存在问题，手机软键盘的删除按钮（就是那个小叉叉按钮）点击的keyup事件有些手机是捕获不到的，具体哪些机型忘记了。最后百度了一下使用“propertychange”事件。就是input框内容改变事件，内容一旦改变便去清空密码框，就算是复制黏贴的也可以捕获得到。

但是这样会有个问题就是，我输错的账号，密码已经输好了。我改动账号还要重新输密码。（不过想想这样好像也算合理吧）

效果图如下：

部分jQuery代码如下：

$("#account").on("input propertychange", function(){ 
        if ($("#account").val().trim().length != 11) {
            $("#password").val(""); //如果账号不为11位，设置密码框为空
        }
    });

　　因为特殊原因，账号限制为手机号，所以多了个长度的判断。

 

没跟新博客是因为偷懒没有学习新东西。接下来还是好好学习，好好做笔记。学习就要输出，输出很重要。这就算温故而知新了吧。