Почему-то onclick срабатывает только в момент отпускания мыши, но событие отменяется через милисекунду?

Question

[Dcfgvy]

Хочу чтобы картинка появлялась по щелчку кнопки, но она появляется только на милисекунду в момент отпускания кнопки мыши. Вот HTML:

<button onclick="document.getElementById('timr').style.display='block'">Send [3sec.]</button>
<div class="loading">Checking...</div>
<img id="timr" class="timer" src="img/3sec_timer.gif">

Вот CSS:

.timer{
    display: none;
    position: absolute;
    height: 100px;
}

Буду очень благодарен за помощь!

Comments

[12Vadim12]

Код у вас вполне рабочий, если с гифкой проблем нету. А ситуация с появлением картинки на милисекунду, возможна из-за обновления страницы.(в основном типа ссылки).

[v3shin]

У вас button, случаем, не внутри form? В этом случае кнопка может работать как submit, перезагружая вам страницу.

Answer 1

[blablacarer]

кнопке присвоить type ="buttton"

Comments

[Dcfgvy]

БОЖЕЕ СПАСИБО

Answer 2

[Noder SS]

Если нужно просто на зажатие, то это событие mouseover