目前可以通过设置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端可以监听回车键