Javascript WebcamJS覆盖HTML格式的返回按钮

对于一个社区站点，我创建了一个HTML表单来添加新用户。如果一个新用户想要立即制作一张个人资料照片，这可以通过WebcamJS实现（使用v1.0.2，已经可以了）

但是，当我想添加一个新用户并填写所有数据（有或没有图片）并按Return键时，会打开一个新的webcam div，而不是提交表单。 我尝试了很多不同的方法，甚至是返回键，但问题仍然存在。 希望任何人都能帮忙

简化的HTML示例：

Webcam.set({
宽度：400，
身高：300，
//目的地宽度：400，
//目的地高度：300，
图像_格式：“jpeg”，
jpeg_质量：80
});
$（“maak#u foto”）.hide（）；
$（“#foto_maken”）。单击（函数（）{
网络摄像头。连接（“#我的摄像头”）；
$（“#maak#foto”）.show（）；
$（“我的相机”）.show（）；
$（“#foto_form”）.show（）；
});
$（“输入”#foto_gebruiken”）。单击（函数（）{
$（“我的相机”）.hide（）；
$（“#预取按钮”）.hide（）；
});
函数预览_快照（）{
网络摄像头。冻结（）；
//交换按钮集
document.getElementById（'pre_take_buttons'）。style.display='none'；
document.getElementById（'post_take_buttons'）。style.display=''；
}
函数取消_预览（）{
网络摄像头。解冻（）；
//将按钮调回
document.getElementById（'pre_take_buttons'）。style.display=''；
document.getElementById（'post_take_buttons'）。style.display='none'；
}
函数save_photo（）{
//实际捕捉照片（从预览冻结）并显示它
网络摄像头.snap（函数（数据uri）{
//在页面中显示结果
document.getElementById（'results'）.innerHTML=
“Jouw foto:
”+
'';
//将按钮调回
document.getElementById（'pre_take_buttons'）。style.display=''；
document.getElementById（'post_take_buttons'）。style.display='none'；
var raw\u image\u data=data\u uri.replace（/^data\：image\/\w+\；base64\，/，''）；
document.getElementById（'webcam'）。值=原始图像数据；
//document.getElementById（'wijzigen'）.submit（）；
});
}

简单魔术（第一个标签
按钮#foto_maken
被解释为
提交
按钮，按下enter键时触发）：

更改此项：

<button id="foto_maken" onclick="return false" ;>Or make another one</button>

或制作另一个

为此：

<input type="button" id="foto_maken" value="Or make another one"/>



[]

更明确的例子：