Загрузка данных

<!DOCTYPE html>
<html>
<head>
    <title>Отмена поведения элементов</title>
    <style>
        #contextDiv { padding: 20px; background: #eee; margin: 10px 0; }
        #output { margin-top: 20px; padding: 10px; background: #f5f5f5; }
    </style>
</head>
<body>
    <div>
        <a href="https://google.com" id="normalLink">Обычная ссылка</a><br>
        <a href="https://google.com" id="preventedLink">Ссылка с preventDefault()</a>
    </div>
    <div id="contextDiv">Правый клик в этой области</div>
    <div id="output"></div><!-- Вывод информации -->
    <script>
        const output = document.getElementById('output');
        // 1. Обработка ссылки
        document.getElementById('preventedLink').addEventListener('click', e => {
            e.preventDefault();
            output.innerHTML += 'Переход по ссылке отменен<br>'; });
        // 2. Отмена контекстного меню
        document.getElementById('contextDiv').addEventListener('contextmenu', e => {
            e.preventDefault();
            output.innerHTML += 'Контекстное меню заблокировано<br>';
        });
    </script>
</body>
</html>