preventDefault

イベントに対するデフォルトの動作をキャンセルする(preventDefault)

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

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

書式は次のとおりです。

let target = document.getElementById('xxx');

target.addEventListener('click', function(event){
    event.preventDefault();
});

すべてのイベントでキャンセルが可能ではありません。 Event.cancelable プロパティの値が true のイベントのみキャンセル可能です。