2020-10-21から1日間の記事一覧

HTML5 submit時に画面更新させない

関数呼ぶ前にpreventDefaultでsubmitのデフォルト動作をキャンセルしてしまう。 それでゆっくりと関数の処理を行う。 onSubmit="event.preventDefault();onOkButton();" 先にキャンセルしておかないと、関数の後でreturn falseすると、 関数内の処理によって…

HTML5 OKボタン押下時に、submitのバリデーションチェックをした後にonclickの関数を呼ぶ

ポイント ・form onSubmitを使うこと <form onSubmit="function();"> <input class="input" type="text" required> <button type="submit">Ok</button></form> NGな例 イベントリスナで規定のsubmitをキャンセルしてonclickで呼びたい処理を書く HTML要素.addEventListener('click', (e) => { // 規定の動作をキャンセル e.preventDefault(); // イベント発生時に行う処理} …

ブラウザ全画面・iframeのリロード

// 全画面リロード document.location.reload(); // iframeだけリロード document.getElementById("iframeID").contentWindow.location.reload();