Jqueryのclickイベントでページを書き換えた時、一瞬だけ更新されて元に戻ってしまう場合の対処

概要

Jquery や javascript を使ってWEBページのテキストを更新するコードをボタンの Click イベントに割り当てた場合に、更新されない問題の対処方法です。

原因

ボタンの属性が submit 属性になっていると、ボタンのクリック処理が終わった直後にページの再読み込みが行われます。
特に button タグで属性を指定しないと submit 属性として扱われます。

対処方法

type=”button” 属性の通常属性のボタンを作ります。

<input type="button" value="ボタンメイ">