在 IE 的输入文本字段中按下 Enter 键时触发按钮 OnClick

Question

我的网页上有几个输入文本框用于搜索：

<input type="text" id="mfrText"  name="MfrSearchText" value='@ViewBag.SearchAndSort.MfrSearchText' />
<input type="text" id="partText"  name="PartNoSearchText" value="@ViewBag.SearchAndSort.PartNoSearchText" />  </
<input type="text" id="descText" name="DescriptionSearchText" value="@ViewBag.SearchAndSort.DescriptionSearchText" /> 

我有一个按钮，它有一个点击事件来显示一个对话框。

<button class="btnAdd btn-xs">Add</button>

我遇到的问题是，当按下回车键并且其中一个输入字段具有焦点时，会触发按钮 onclick 事件并显示对话框。我已经尝试过 e.preventDefault() 并且我还尝试过检查是否按下了 enter 键而不是没有运气的鼠标单击。这发生在 IE 中，但不在 Chrome 中。如何防止这种行为？

我的点击事件：

$(".btnAdd").click(function (e) {

         alert($(".btnAdd").is(":focus"));
         var partID = $(this).closest('tr').attr('id');
         $("#divAdd").dialog({
             modal: true,
             title: 'Increase Qty',
             buttons: {
                 "Save": function () {
                     var qty = $("#addQtyAdd").val();
                     var clockNo = $("#addClockNo").val();
                     var asset = $("#addAssetNo").val();

                     AddPart(partID, qty, clockNo, asset);
                 },
                 Cancel: function () {
                     $(this).dialog("close");
                 }
             }
         });
         $(".ui-dialog-title").css("color", "lightgreen");
     });

Answer 1

这是期望/预期的行为。

试试：

<button type="button" class="btnAdd btn-xs">Add</button>

这将阻止按钮被视为提交控件，并且将被 Enter 按键忽略。