BinaryDevelop
  1. ホーム
  2. jquery

[解決済み] 異なる入力でEnterキーを押したときにボタンクリックのイベントが発生する（フォームなし）

2022-05-13 01:56:02

質問

このロジックは、"Amount" 入力で "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> 要素のデフォルトの動作です）。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します