实现软件盘搜索功能

Posted 2021-09-12 Cris

需求：微信公众号网页开发，手机软件盘上的换行变成搜索按钮

为了让换行变成搜索按钮

<form className="list-filter-center" action="#">
    <input
      value={this.state.query.q}
      placeholder="班级编号/某老师"
      type="search"
      onKeyDown={this.keyDown.bind(this)}
      onChange={this.changeQ.bind(this)}
     />
</form>

keyDown(e) {
    if (e.keyCode === 13) {
      this.searchClasses();
    }
  }

这样写后确实换行按钮便成了搜索，但是发现点击搜索按钮会刷新页面，
于是我们需要取消默认行为

keyDown(e) {
    if (e.keyCode === 13) {
      this.searchClasses();
      event.cancleBubble = true;
      event.returnValue = false;
      return false;
    }
  }