TOP ▲ itcore TOP TIPS

エンターで反応しないsubmitボタンを作成する。HTML, JavaScript | itcore 2017年

メインのボタン以外をエンターで押させたくない場合など。
submit後にどのボタンが押されたか判定したいため、hiddenの項目を生成してからsubmit()を実行する。

<input type=button name=sub_kakunin value='確認' onclick='jSubmit("sub_kakunin");' id=sub_kakunin>

<script>
// エンターで反応しないsubmitボタン
function jSubmit(id) {
  var obj = document.getElementById(id);
  console.log(obj);
  console.log(obj.name);
  var input = document.createElement('input');
  input.setAttribute('type', 'hidden');
  input.setAttribute('name', obj.name);
  input.setAttribute('value', obj.value);
  document.forms[0].appendChild(input);
  document.forms[0].submit();
}
</script>