条码扫描器触发下一个按钮 onclick 事件和弹出窗口 JQuery答案

【问题标题】：Barcode scanner triggers next button onclick event and popup window JQuery条码扫描器触发下一个按钮 onclick 事件和弹出窗口 JQuery
【发布时间】：2015-07-11 21:32:47
【问题描述】：

我有一个简单的表单，每行末尾都有一个按钮，用于在 onclick 事件上打开一个弹出窗口。

我遇到的问题是我使用条形码扫描仪填充表单文本字段，该扫描仪总是触发按钮中的表单和 onclick 事件。

我已经设法通过一些小脚本阻止表单提交，但现在问题是条形码扫描仪触发按钮内的 onclick 事件，因此每次我使用扫描仪时都会打开弹出窗口..

这是我到目前为止的代码：

jQuery :

<script type="text/javascript">

函数 stopform(){ // 获取代码

var code =document.getElementById ('code').value;
// Return false to prevent the form to submit
return false;

}

HTML 表格：

<tr>
<td>
<div class="form-group">
<input type="text" id="code" name="code" class="form-control"  onchange="oncode_change(this.value)"   />
</div>
</td>
<td>
<div class="form-group">
<input type="text" name="qte" id="qte" class="form-control" value="1" onkeyup="onqte_change(this.value)" />
</div>
</td>
<td colspan="4"><div id="txtHint3" style="width: 100%"> </div></td>
<td><button onclick="Popup=window.open('rabais.php?type=article&option=argent&pos=1','Popup','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=500,height=400,left=430,top=150'); return false;"  class="btn btn-success btn-sm">Rabais $</button>&nbsp;&nbsp;<button onclick="Popup=window.open('rabais.php?type=article&option=pourcentage&pos=1','Popup','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=500,height=400,left=430,top=150'); return false;"  class="btn btn-default btn-sm">Rabais %</button></td>
</tr>

如果有人可以为我指出停止 onclick 调用的解决方案，我们将不胜感激！

【问题讨论】：

标签： javascript jquery onclick

【解决方案1】：

也许您的条形码扫描仪在实际扫描的条形码值的末尾添加了回车 char（十六进制 0x0D，十进制 13）。

回车是不可见的字符，也是按键盘上的Enter键（键码== 13）产生的，通常会触发按钮的on_click事件。

如果我的假设是正确的，您可以通过禁用网页上的 Enter 键来解决您的问题。这个link 可能会提示您如何使用 JQuery 进行操作。

【讨论】：

您好，谢谢您的回答。我确实尝试使用代码<script> $("form").keypress(function(e) { //Enter key if (e.which == 13) { return false; } }); </script> 停止输入，但我不知道为什么它不起作用。我仍然按回车键，它仍然会打开弹出窗口。为什么想法不会有效？

【解决方案2】：

我已经设法在 button 元素中使用 type="button" 来解决它，这会导致大多数浏览器在按下 enter 时停止调用 onclick 事件。

谢谢！

【讨论】：