我注意到在现代浏览器（例如Chrome）上，当在表单元素中放置一个文本字段和一个按钮时。如果从文本字段中按下Enter键，则浏览器发出的鼠标单击事件将使该按钮被单击。
由于表单中的唯一按钮不用于提交表单，因此该按钮是否只能接受用户单击而不是浏览器单击？
<form action="javascript:void(0)">
<input type="text"/>
<button id="btn">Submit</button>
</form>
var btn = document.getElementById("btn");
btn.onclick = function() {
alert("button clicked");
}
您需要将“类型”属性分配给“按钮”元素。如下所示：
var btn = document.getElementById("btn");
btn.onclick = function(e) {
e.preventDefault();
debugger;
alert(123);
}<form action="javascript:void(0)">
<input type="text"/>
<button type="button" id="btn">Submit</button>
</form>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句