js 手机键盘或电脑键盘回车键登录
给手机键盘(input)添加回车事件,可以给input用form元素包起来,然后监听form表单的submit事件,这样手机键盘或电脑键盘点击回车的时候会触发submit事件就可以了。
Html代码:
<form method="post" action="<%=path%>/index/doLogin" id="form" name="form" οnsubmit="return submitFun();"><p class="inTxt"><input type="text" name="loginId" id="userName" placeholder="账号"/></p><p class="inTxt"><input type="password" name="password" id="passWord" placeholder="密码"/></p><div class="loginBtn"><input class="btn btn2" type="submit" value="登录" /></div>
</form>
js代码:
function submitFun(){var username = $('#userName').val().trim();var password = $('#passWord').val().trim();if(username==""||password==""){$('.loginTi').show();$('.new-tan-dele').html('用户名和密码不能为空!');return false;}else{$('.inTxt input').blur(); //防止手机键盘不自动收回去$("#form").submit();}
}
js 手机键盘或电脑键盘回车键登录相关推荐
- js手机键盘遮挡_iphone手机微信页面软键盘遮挡input输入框解决方法
现象描述:iphone手机微信页面,用position: fixed;定位的input或textarea输入框,在获取输入焦点时,会被弹出的输入法软键盘遮挡,导致用户无法看到输入框,效果如图: 简化测 ...
- js手机键盘遮挡_完美解决手机网页中输入框被输入法遮挡的问题
之前要做一个弹出对话框,填写信息,发现在手机上看的时候,较后的输入框在填写信息时,输入框被输入法遮挡,只能盲填. 前提 1.弹出的对话框用display:fixed定位的 2.对话框大小固定 解决办法 ...
- HTML5页面,用JS 禁止弹出手机键盘
HTML5页面,用JS 禁止弹出手机键盘 用户点击input的时候: 会默认调出手机软键盘: 场景:文本框获取焦点时,需要禁止手机弹出自带的输入键盘: 解决方案1: 用一个p/div等标签显示内容:然 ...
- 回车键登录的方法与控制台输出键盘码(keyCode)
开发工具与关键技术:Visual Studio 与javascript 作者:黄灿 撰写时间:2019.4.1 回车键登录的方法一. 监听整个window的onkedown事件,然后写一个functi ...
- android+tv+无线键盘,手机键盘有那些 5款适合手机使用的无线键盘推荐
现在我们热几乎人手拥有一台智能手机,我们可以用手机里面的输入法来进行打字或者聊天,平时使用起来还是比较方便了,但是需要用你的手机发一封电子邮件或者要写很多字的话,那么手机的输入法就不是那么合适呢,这是 ...
- 办理登机的英语词组手机键盘_如何使用智能手机使登机轻而易举
办理登机的英语词组手机键盘 These days, it's easier than ever to board many of the most popular airlines using not ...
- “药药切克闹”系列-基于STM32触摸屏的超级无敌智能电子密码锁(仿手机键盘26键设计,密码支持英文大写+英文小写+数字)
项目名称:"药药切克闹"系列-基于STM32触摸屏的超级无敌智能电子密码锁(密码支持英文大写+英文小写+数字) CSDN:YANG-03 ...
- input弹出的手机键盘搜索事件
一.input的搜索框 在input标签里面把type设置为search就可以了.弹出的手机键盘回车键也会变成搜索或者是搜索的图标. <input id="search" ...
- Java键盘交互设计输入法,手机键盘的交互设计细节
手机键盘的交互设计细节 十二月 22, 2019 发表于: 交互设计. 评论 Sponsor 手机键盘,可以干嘛?无疑是打字.信息输入,也是用户体验产品最常用.最直接的方式之一.我们每天都在使用键盘, ...
最新文章
- 我收藏的谷歌和阿里大佬的刷题笔记
- Python运行的17个时新手常见错误小结
- Python 在编程语言中是什么地位?为什么很多大学不教 Python?
- 高考计算机算分么,高考分数是怎么算出来的
- Java 第三章 选择结构
- [网络安全自学篇] 四十二.DNS欺骗和钓鱼网站原理详解及防御机理
- 伪类、伪元素、锚伪类
- 内容主题windows下简单的vbscript自动发送邮件--带附件
- 2021年上海高考成绩分数排名查询,2021年上海高考成绩排名及一分一段表
- Android 渗透测试学习手册 第九章 编写渗透测试报告
- 模拟新浪新闻在线聊天功能
- 隐藏我的电脑中的多余图标
- ORACLE 查看有多个执行计划的SQL语句
- 北京ICP经营许可证备案申请流程 电信业务经营许可办理
- 阿里云 oss 图片在 img 中访问失败,浏览器中正常访问
- Zabbix SNMP traps使用
- ubuntu 截图快捷键设置
- VC “变速齿轮”再研究
- 将String字符串转换为GB2312编码
- 甲A十年十大悲情时刻回顾 谁的眼泪在空中飞舞?
热门文章
- IRLL014NPBFMOSFET N-CH 55V 2A SOT223
- C++ | 动态分配内存 new和malloc的区别
- 833C语言程序设计与数据结构,2018年北方民族大学计算机技术833C语言程序设计与数据结构之C程序设计考研核心题库...
- maching learning入门(三)
- 串口wifi模块串口无线模块
- 前端常见提交数据方式对比
- 中国第一封电子邮件是谁发出的?
- Mybatis 面试常问问题总结(附答案)
- 深入浅出TCP/UDP 原理-UDP篇(2)及完整MATLAB实现UDP通信
- 计算机word操作试题,计算机一级Word操作题及答案