使用input将手机软键盘出现搜索按钮
<div className=‘box’>
<div className="query-input-model">
<form action='' target="rfFrame">
<input type="search" onKeyDown={this.queryKeyDownHandler.bind(this)} />
</form>
</div>
<iframe id="rfFrame" name="rfFrame" src={{about:"blank"}} style={{display:"none"}}> </iframe>
</div>
注意事项:
1)input中的type是search
2)input必须包裹在form中才能有效果
3)如果想要搜索的时候不刷新页面需要在form中action设置为空,target设置为本页面中的iframe
效果:
1)手机软键盘显示搜索按钮
2)点击搜索不会发生刷新页面,并停留在本页面