Изображение типа ввода HTML не будет перенаправлять при нажатии?

Question

У меня есть следующий код, который отлично работает:

<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, чтобы увидеть, что она вызывается, но я не уверен, почему перенаправление не работает? Кто-нибудь когда-либо испытывал это?

Я знаю, что это, наверное, что-то глупое, но я в тупике.

Большое спасибо заранее!

Answer 1

Вам нужно return false из обработчика событий, чтобы предотвратить действие по умолчанию.

Однако, так как вы не хотите, чтобы он выполнял обратную передачу в первую очередь, вы могли бы также использовать обычный <img /> вместо <input />.

Answer 2

Перенаправление отменяется, потому что вы делаете обратную передачу. Добавить возврат false; после проверки функции ();

* 1003 например *

onclick="test();return false;"

Answer 3

Попробуйте использовать тег img:

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

Answer 4

входное изображение не имеет события onclick. Вам нужно использовать тег img. <img onclick="Test();">