JS移动端如何监听软键盘回车事件

Posted yanyiyi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS移动端如何监听软键盘回车事件相关的知识,希望对你有一定的参考价值。

移动端经常项目中会有搜索之类的功能,一般实现的是按搜索按钮进行搜索,如果要像PC端一样实现按回车键进行搜索该怎么实现呢?

方法很简单,就是在搜索框的input外面套一个form标签  注意点:form标签一定得添加 action属性(可设置为空)

<form action=""><input type="text" name="search" /></form>

  移动端软键盘的回车会触发form的submit事件,所以我们只需要监听form的submit事件就可以实现按回车按钮进行搜索的功能

var oForm =  document.getElementsByTagName("form")[0];
oForm.onsubmit = function(){
	$scope.searchOrder();
};

  题外话:我拿的ipad进行的测试 当input框外面套上form标签 并给form标签添加action属性后  软键盘上的return 会变成蓝色的Search.

以上是关于JS移动端如何监听软键盘回车事件的主要内容,如果未能解决你的问题,请参考以下文章

Vue中 监听移动端软键盘弹出收起事件

Vue中 监听移动端软键盘弹出收起事件

Android 软键盘监听回车之没辣么简单

Android基础篇 监听软键盘回车事件以及回车响应两次

移动端软键盘弹出影响页面布局(iOS软键盘取消后,页面没有恢复),移动端软键盘监听(弹出,收起),及影响定位布局的问题

关于用jquery如何模拟执行键盘按键