処理に影響を及ばなさい形で操作不能にしたい

Question

何かの処理中にユーザーが操作できないようにしたい
position="absolute"で画面全体覆うのはデベロッパーでCSSを消せば操作可能になります
while(1)を使ったら処理に影響を及ぼします
何か手段があれば教えてください
操作不能とは処理中に他の処理を動かせなくする、GUIを押せない(disabledなども同上意味がない)、実行できない状態です

Answer 1

もう解決してしまっているようですが、
フロント側で攻撃や改ざんを防ぎ切るのは、
究極不可能です。

なので、フロント側で攻撃や改ざんがなされた場合に、
処理を中断や、攻撃をブロックするよう、
バックエンド側でコントロールするのが一般的です。
（というかそうするしかない）

Answer 2

処理中に他の処理を動かせなくする

それって普通のmodal処理では？
dialogタグで実現できると思いますが

参考

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  const dlg=document.querySelector('dialog');
  const btn=document.querySelector('[value=modal]');
  btn.addEventListener('click',()=>{
    dlg.showModal();
    let count=0;
    let tid=setInterval(()=>{
      if(count<10){
        console.log(count++);
      }else{
        clearInterval(tid);
        dlg.close();
      }
    },200);
  });
});
</script>
<dialog>
処理中
</dialog>
<input type="button" value="test" onclick="alert('test')">
<input type="button" value="modal">

上記、コンソール上からユーザーが制御できますが、modal表示中は背後のHTML要素を
クリックさせなくすることは可能です。（testボタンが押せない）
またmodal表示中も処理が走っていることはconsoleで確認できると思います

Comments

[退会済みユーザー]

dialogタグの場合、出現させても裏で処理は永続されるのでしょうか
alertの場合は止まりますが
diaogが1番有効でしょうか
dialogを使った場合コンソールから消すことは不可能なのでしょうか

[退会済みユーザー]

<dialog id="favDialog">
があったとすると
favDialog.remove()で消せる気がしますが。
modalとなんら変わりあるのでしょうか？

[yambejp]

質問の意図がわかりかねるのですが、jsはprototype言語なのでalertでもコンソールで抑制できちゃいます
alert=()=>void(0);
workerとかで制御を変えることはできても、完全にユーザーからの影響を阻止することは難しいでしょう
所詮クライアント側で動作させているのですから、クライアント側で制御されてしまうということです

[yambejp]

参考までにsampleをつけておきました。
これでだめならjsでの制御は諦めた方がよいでしょう。

[退会済みユーザー]

document.querySelector("dialog").remove()であっさり消えました
無理ということがわかりました
ありがとうございました。

[退会済みユーザー]

なぜこのサンプルをご提示してくださったか、
裏では動いてるが消せる、それはモーダルでも同じです
なぜこのサンプルを提示してくださったのでしょうか

[yambejp]

質問の意図がわかりません。
「それはモーダルでも同じ」の意味がわかりません
あなたの言うモーダルってなんですか？