MUI登录提交表单时收回软键盘回车键收回软键盘

为什么80%的码农都做不了架构师？>>>   

MUI登录提交表单时收回软键盘回车键收回软键盘

document.querySelector("input").addEventListener('keydown', function(){

    if(event.keyCode == 13){

        document.activeElement.blur();//收回软键盘

        login();//执行登录

    }

}, false);

像上面这样，通常会这样写，并不是完善的，第三方输入法的软键盘，按回车有时候不起作用。

下面这样写，把input和button放到action=""的form表单中。

在任意输入框中按回车均可响应。

<form action="">

    <input maxlength="11" type="number" placeholder="请输入手机号">

    <input type="password" placeholder="请输入密码">

    <button type="submit" class="mui-btn mui-btn-block">登录</button>

</form>

下面js部分

document.querySelector("form").addEventListener("submit",function(e){

    e.preventDefault();//阻止冒泡事件

    login();//执行登录

});

还可以有search

type="search"，监听事件改为search

转载于:https://my.oschina.net/af666/blog/845512