我的网页上有几个输入文本框供搜索:
<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");
});
这是期望的/预期的行为。
尝试:
<button type="button" class="btnAdd btn-xs">Add</button>
这将停止将该按钮视为提交控件,并且被Enter按键忽略。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句