keyup事件在手机端的替换事件 propertychange

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

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

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

效果图如下:

部分jQuery代码如下:

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

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

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

原文地址:https://www.cnblogs.com/lal-fighting/p/6255649.html