300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > JS移动端如何监听软键盘回车事件

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

时间:2020-11-11 02:19:21

相关推荐

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.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。