关于前端:实现软件盘搜索功能

39次阅读

共计 440 个字符,预计需要花费 2 分钟才能阅读完成。

需要:微信公众号网页开发,手机软件盘上的换行变成搜寻按钮

为了让换行变成搜寻按钮

<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;
    }
  }

正文完
 0