「JavaScript」onsubmitでwindowsのsubmitイベントを実装する

2022年3月29日

書式
window.onsubmit = 参照関数名;
関数の参照を指定します。
関数の定義
function 参照関数名(){処理コード}
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<html>
<script>
function test() {
window.captureEvents(Event.SUBMIT);
window.onsubmit = funA;
}
function funA() {
alert('this is a test sample');
}
</script>
<body onload="test();">
<form>
<input type="submit" value="送信" />
</form>
<div id="cft">aaaa test </div>
</body>
</html>
<html> <script> function test() { window.captureEvents(Event.SUBMIT); window.onsubmit = funA; } function funA() { alert('this is a test sample'); } </script> <body onload="test();"> <form> <input type="submit" value="送信" /> </form> <div id="cft">aaaa test </div> </body> </html>
<html>
<script>
function test() {
  window.captureEvents(Event.SUBMIT);
  window.onsubmit = funA;
}
function funA() {
  alert('this is a test sample');
}
</script>
<body onload="test();">
<form>
  <input type="submit" value="送信" />
</form>
<div id="cft">aaaa test </div>
</body>
</html>

実行結果
submitイベントは、ユーザーがform内のsubmitボタン(<input type="submit" />)をクリックした際に発生します。
alertのメッセージを出力します。

JavaScript

Posted by arkgame