单击时,HTML输入类型图像不会重定向?

时间:2011-11-07 16:34:36

标签: javascript html image redirect imagebutton

我有以下代码,工作正常:

<input type="button" name="btnHello" value="Hello" onclick="Test();"/>

这是JS函数:

function Test() {
  window.location.href = "Page2.aspx";
}

当我点击我的Hello按钮时,它会像预期一样重定向到Page2.aspx。但是,当我将按钮更改为图像按钮时:

<input type="image" src="images/myimage.jpg" name="btnHello" onclick="Test();"/>

它不再有效。页面回发,但更像是刷新。我可以在JS函数中发出警报,看它被调用,但我不确定为什么重定向不起作用?有没有人经历过这个?

我知道它可能是愚蠢的,但我很难过。

非常感谢提前!

4 个答案:

答案 0 :(得分:6)

您需要从事件处理程序return false来阻止默认操作。

但是,由于您不希望它首先回发,因此您也可以使用普通的<img />代替<input />

答案 1 :(得分:2)

重定向正在取消,因为您正在进行回发。添加返回false;在功能测试()之后;

e.g

onclick="test();return false;"

答案 2 :(得分:1)

尝试使用img标记:

<img src="images/myimage.jpg" name="btnHello" onclick="Test();"/>

答案 3 :(得分:-1)

输入类型图像没有onclick事件。您需要使用img标记。     <img onclick="Test();">