Проблема с элементом кнопки в IE8 (возможно, выше)

Question

<button> элемент ведет себя как элемент <a>.

Когда я нажимаю на кнопку мыши, я вижу следующее: в строке состояния внизу я вижу текущий URL. После того, как я нажимаю на него, запускается JavaScript, но затем страница перезагружается.

В других браузерах все в порядке.

Answer 1

Элемент Button по умолчанию является кнопкой отправки, поэтому страница «перезагружается».

Два возможных решения: либо добавьте type="button", например:

<button type="button" onclick="next();">Next</button>

Или добавьте return false; к клику:

<button onclick="next(); return false;">Next</button>

Answer 2

Вы не должны помещать <button> элементы внутри <a> элементов.

Однако, если вам нужно это сделать, отключите всплывающее окно события нажатия на кнопку:

$('a > button').click(function(e) {
    e.stopPropagation();
})

(нужен jQuery)