1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > form表单监听回车键和手机键盘的提交 搜索键。

form表单监听回车键和手机键盘的提交 搜索键。

时间:2022-08-22 02:59:55

相关推荐

form表单监听回车键和手机键盘的提交 搜索键。

目前可以通过设置input 的type属性,来决定手机键盘右下角显示“换行”,“搜索”,“完成”。

移动端越来越多的form表单中input框直接使用手机键盘上的搜索/完成,而不是单独写一个提交button了。

HTML:

<form class="weui-search-bar__form" onsubmit="return searchData();" action=""><div class="weui-search-bar__box"><input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" maxlength="24" required="" /></div></form>

JS:

function setData(){console.log('enter 触发!');return false;//一定要返回false,告诉表单不要跳转}

上面重点就是form表单里加一个onsubmit属性。

移动端可以监听小键盘上的搜索,提交,完成

PC端可以监听回车键

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