Question

你好我有一个像这样的输入元素：

<input 
  type="text" 
  className="form-control" 
  placeholder="Search for..." 
  value={this.state.text} 
  onChange={this.handleTextChange} />

我旁边有一个按钮，基本上onClick会使用输入文本进行ajax调用以获取搜索结果。

我想做的不仅是点击事件，而且按下输入ajax调用应该通过，所以我试过这样的事情：

<input 
  type="text" 
  className="form-control" 
  placeholder="Search for..." 
  value=this.state.text} 
  onChange={this.handleTextChange} 
  onKeyDown={this.handleEnter} />

但它抓住任何想法的原因是什么？

Answer 1

删除<html> <head> <script> var playerHealth = 100; function fight(monsterHealth, monsterDmg, monsterArmor, itemDmg, armorSts) { playerHealth = playerHealth - Math.floor(monsterDmg / armorSts) ; console.log("player helath"+playerHealth); monsterHealth = monsterHealth - Math.floor(itemDmg / monsterArmor) ; console.log("monster helath"+monsterHealth); if (playerHealth <= 0) { alert('You died...'); } else if (monsterHealth <= 0) { alert('You won!'); } else fight(monsterHealth, monsterDmg, monsterArmor, itemDmg, armorSts); } </script> </head> <body> <a class="button" onclick="javascript:fight(100, 40, 1, 10, 3);">Test fight</a><br> </body> </html>

e.preventDefault

Example

要在输入元素中侦听的多重事件（Reactjs）

1 个答案: