JS--デフォルトのキャンセルする

デフォルトのキャンセルする

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【イベントに対するデフォルト】
HTML ページをブラウザで開いている場合、例えばリンクをクリックすればリンク先のページへ移動したり、チェックボックスをクリックすればチェックされ、マウスホイールを回転すると画面がスクロールするといったデフォルトの動作がいくつか設定されています。

Event オブジェクトの preventDefault メソッドを使用することで、イベントが発生したときにイベントに対してブラウザで設定されているデフォルトの動作をキャンセルさせることができます。

【デフォルトの動作をキャンセルする】
Event オブジェクトの preventDefault メソッドを使用すると、イベントに対するデフォルトの動作を止めることができます。

書式：event.preventDefault()

すべてのイベントでキャンセルが可能ではありません。 Event.cancelable プロパティの値が true のイベントのみキャンセル可能です。
例文
let target = document.getElementById('xxx');
　target.addEventListener('click', function(event){
　　event.preventDefault();
});

サンプル

「キャンセル.js」ファイル

　let checkb = document.getElementById('checkB');

    checkb.addEventListener('click', function(event){

      alert('変更できません');

      event.preventDefault();

    });
ブラウザを立ち上げる

Javaにチックを入れた後、PHPに変え様として、PHPをチエックすると、アラートが表示される。