给手机键盘(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 手机键盘或电脑键盘回车键登录相关推荐

  1. js手机键盘遮挡_iphone手机微信页面软键盘遮挡input输入框解决方法

    现象描述:iphone手机微信页面,用position: fixed;定位的input或textarea输入框,在获取输入焦点时,会被弹出的输入法软键盘遮挡,导致用户无法看到输入框,效果如图: 简化测 ...

  2. js手机键盘遮挡_完美解决手机网页中输入框被输入法遮挡的问题

    之前要做一个弹出对话框,填写信息,发现在手机上看的时候,较后的输入框在填写信息时,输入框被输入法遮挡,只能盲填. 前提 1.弹出的对话框用display:fixed定位的 2.对话框大小固定 解决办法 ...

  3. HTML5页面,用JS 禁止弹出手机键盘

    HTML5页面,用JS 禁止弹出手机键盘 用户点击input的时候: 会默认调出手机软键盘: 场景:文本框获取焦点时,需要禁止手机弹出自带的输入键盘: 解决方案1: 用一个p/div等标签显示内容:然 ...

  4. 回车键登录的方法与控制台输出键盘码(keyCode)

    开发工具与关键技术:Visual Studio 与javascript 作者:黄灿 撰写时间:2019.4.1 回车键登录的方法一. 监听整个window的onkedown事件,然后写一个functi ...

  5. android+tv+无线键盘,手机键盘有那些 5款适合手机使用的无线键盘推荐

    现在我们热几乎人手拥有一台智能手机,我们可以用手机里面的输入法来进行打字或者聊天,平时使用起来还是比较方便了,但是需要用你的手机发一封电子邮件或者要写很多字的话,那么手机的输入法就不是那么合适呢,这是 ...

  6. 办理登机的英语词组手机键盘_如何使用智能手机使登机轻而易举

    办理登机的英语词组手机键盘 These days, it's easier than ever to board many of the most popular airlines using not ...

  7. “药药切克闹”系列-基于STM32触摸屏的超级无敌智能电子密码锁(仿手机键盘26键设计,密码支持英文大写+英文小写+数字)

    项目名称:"药药切克闹"系列-基于STM32触摸屏的超级无敌智能电子密码锁(密码支持英文大写+英文小写+数字) CSDN:YANG-03                      ...

  8. input弹出的手机键盘搜索事件

    一.input的搜索框    在input标签里面把type设置为search就可以了.弹出的手机键盘回车键也会变成搜索或者是搜索的图标. <input id="search" ...

  9. Java键盘交互设计输入法,手机键盘的交互设计细节

    手机键盘的交互设计细节 十二月 22, 2019 发表于: 交互设计. 评论 Sponsor 手机键盘,可以干嘛?无疑是打字.信息输入,也是用户体验产品最常用.最直接的方式之一.我们每天都在使用键盘, ...

最新文章

  1. 我收藏的谷歌和阿里大佬的刷题笔记
  2. Python运行的17个时新手常见错误小结
  3. Python 在编程语言中是什么地位?为什么很多大学不教 Python?
  4. 高考计算机算分么,高考分数是怎么算出来的
  5. Java 第三章 选择结构
  6. [网络安全自学篇] 四十二.DNS欺骗和钓鱼网站原理详解及防御机理
  7. 伪类、伪元素、锚伪类
  8. 内容主题windows下简单的vbscript自动发送邮件--带附件
  9. 2021年上海高考成绩分数排名查询,2021年上海高考成绩排名及一分一段表
  10. Android 渗透测试学习手册 第九章 编写渗透测试报告
  11. 模拟新浪新闻在线聊天功能
  12. 隐藏我的电脑中的多余图标
  13. ORACLE 查看有多个执行计划的SQL语句
  14. 北京ICP经营许可证备案申请流程 电信业务经营许可办理
  15. 阿里云 oss 图片在 img 中访问失败,浏览器中正常访问
  16. Zabbix SNMP traps使用
  17. ubuntu 截图快捷键设置
  18. VC “变速齿轮”再研究
  19. 将String字符串转换为GB2312编码
  20. 甲A十年十大悲情时刻回顾 谁的眼泪在空中飞舞?

热门文章

  1. IRLL014NPBFMOSFET N-CH 55V 2A SOT223
  2. C++ | 动态分配内存 new和malloc的区别
  3. 833C语言程序设计与数据结构,2018年北方民族大学计算机技术833C语言程序设计与数据结构之C程序设计考研核心题库...
  4. maching learning入门(三)
  5. 串口wifi模块串口无线模块
  6. 前端常见提交数据方式对比
  7. 中国第一封电子邮件是谁发出的?
  8. Mybatis 面试常问问题总结(附答案)
  9. 深入浅出TCP/UDP 原理-UDP篇(2)及完整MATLAB实现UDP通信
  10. 计算机word操作试题,计算机一级Word操作题及答案