首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用多个按钮反应表单-如何选择一个来处理onSubmit事件?

用多个按钮反应表单-如何选择一个来处理onSubmit事件?
EN

Stack Overflow用户
提问于 2016-09-17 15:21:59
回答 2查看 12.3K关注 0票数 19

假设我有这个HTML:

代码语言:javascript
复制
<div id="container"></div>

<p>Output: <span id="output"></span></p>

而这个JS:

代码语言:javascript
复制
function otherAction(e) {
  document.getElementById('output').innerHTML = 'otherAction';
  e.preventDefault();
}

function submit(e) {
  document.getElementById('output').innerHTML = 'submit';
  e.preventDefault();
}

ReactDOM.render(
  <form onSubmit={submit}>
    <input type="text" defaultValue="foo" />
    <button onClick={otherAction}>Other Action</button>
    <button type="submit">Submit</button>
  </form>,
  document.getElementById('container')
);

事实上,我们不能简单地说,让我们将其放在JSFiddle示例中。我想要的是:

  1. 单击“其他操作”按钮将触发otherAction函数(确实如此!)
  2. 单击“提交”按钮将触发submit函数(确实如此!)
  3. 将光标放入文本框并按enter将触发submit函数(这目前不起作用!)

在#3中,所发生的情况是触发了otherAction。我怎么才能改变呢?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39548467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档