我现在有一个按钮,当点击它时,它会将那个按钮id传递给一个函数,并且这个函数会提醒这个id名称。现在,警报显示正确的名称,但当我单击警报上的on时,它会带我回到主页。以下是代码:
联署材料:
function ButtonPicture(id)
{
alert(id);
}
HTML:
<input type="submit" onclick="ButtonPicture(this.id);" id="car1" value="Take Picture">
我不知道为什么会发生这种事,也不知道如何防止
发布于 2013-09-12 11:51:31
您已经将函数附加到提交输入元素。默认情况下,单击“提交”按钮时,浏览器将提交附加到其上的表单,该表单将将页面重定向到窗体指定的操作。如果未指定操作,则将重定向到当前页。
您需要在这里防止默认操作。您有许多选择,但我在下面介绍两个常见的选项:
选项1:低调地绑定单击事件和preventDefault:
JQuery
$(document).ready(function() {
$("#car1").click(function(e) {
e.preventDefault();
ButtonPicture(this.id);
});
});
注意:如果将此代码放在文档中的输入元素之后,则不需要将其包装在$(document).ready(function() { });
中。
<input type="submit" id="car1" value="Take Picture">
选项2:返回false
您可以从onclick
事件返回false:
<input type="submit" onclick="ButtonPicture(this.id); return false;" id="car1" value="Take Picture">
我个人的偏好和建议是选项1
https://stackoverflow.com/questions/18773078
复制相似问题