自作保存ボタンの作成

いつもお世話になっております。
新規/編集画面でルックアップコピー部を編集可にして入力をさせている部分があります。
そこの部分を保存時に再度書き込みしたいのですが、ルックアップコピー部分なので保存時処理がききません。
そこで、保存ボタンを非表示にして、自作で保存ボタンを設置しようと思い、下記コードを試してみました。

const divElement =  document.createElement('button');
      divElement.innerHTML = '保存';
      divElement.onclick = reCalSave;
  
      const toolbarElement = document.querySelector('.gaia-argoui-app-edit-buttons');
      if (toolbarElement) {
          const firstElement = toolbarElement.children[2];
          toolbarElement.insertBefore(divElement, firstElement);
      }
//-----------------
function reCalSave(){
      //再計算
      reCalSum();
  }

問題が、この処理をするとなぜか保存までされてしまう。
保存処理を別途しようと思っていたのに、保存処理まで自動で走る理由がわからない。
あとは、「行った変更が保存されない可能性があります」と表示されることです。キャンセルを押すときちんと内容が更新された状態で保存はされているのですが…
何とか問題なく実現できるようになりますでしょうか?
ご教授ください。

補足>
reCalSumではkintone.app.record.set(record);をして値をセットしており、
submit.successでは他の部分をPUTしています。

tenso様ご返信ありがとうございます。
そうなんですね、勉強になります!
やってみたところ、無事解決しました!
ありがとうございました!

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。