jquery - 在不同的输入中按下 Enter 键时触发 Button Click 事件(无表单)

标签 jquery internet-explorer

在“金额”输入中按下“Enter”时会触发此逻辑,我认为它不应该(Chrome 中不存在)。我怎样才能阻止这种情况,如果不能在 IE 中阻止它,请处理它以使点击事件中的逻辑不会触发。

<html>
 <body>
   <div id="page">
     <div id="financed_amount">
      <h1>Financed Amount:</h1>
      <input type="text" id="amount" value="" />
     </div>
     <h1>Finance Options</h1>
     <div>
      <a id="shareLink" rel="leanModal" name="email" href="#email"></a>
      <button id="btnShare" class="share">Share this report</button>
     </div>
    </div>
   </body>
</html>

脚本

$("#btnShare").click(function (e) {
    // This logic is firing when pressing "Enter" in the "Amount" input
});
  • Jquery: 1.7.2
  • IE 9
  • (在 Chrome 中工作)

最佳答案

我有同样的问题并通过添加 type="button" 解决了它属性为 <button>元素,IE 将按钮视为简单按钮而不是提交按钮(这是 <button> 元素的默认行为)。

关于jquery - 在不同的输入中按下 Enter 键时触发 Button Click 事件(无表单),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12325066/

相关文章:

css - 解决仅在 IE 8 和 9 中出现的各种 css 消失问题

javascript - $scope 的方法通过 ng-click 调用 : executed twice by IE

css - IE7左右浮动问题

javascript - 提交后重定向到同一页面

css - 绝对定位在 AP Parent 之外进行映射

javascript - 响应式菜单在窗口大小调整时消失

javascript - 使用 href 显示/隐藏 div 并使用 jquery 滚动到显示的 div

html - 为什么 IE 特定样式表被忽略

javascript - 使用 jQuery 访问 Cloudant 数据库

javascript - IE11 DOM 规范化不适用于表行