Главная страница  /  Занятия  /  #7  /  Действия браузера по умолчанию и их отмена в JavaScript

Действия браузера по умолчанию и их отмена в JavaScript

Задание:

Показать, что такое действия браузера по умолчанию и как их отменить в JavaScript.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Действия браузера по умолчанию и их отмена в JavaScript</title>
     <link rel="stylesheet" href="styles.css">
     <script src="scripts.js"></script>
    </head>
   
    <body>
     <a href="https://yandex.ru">Эта ссылка</a> перенаправит нас на&nbsp;Яндекс, а&nbsp;<a href="https://yandex.ru">эта</a>&nbsp;– нет.
    </body>
   
   </html>

CSS–разметка (styles.css):

   html		{ width: 100%; height: 100%; margin: 0; padding: 0; }

JS–скрипты (scripts.js):

   window.onload = function()
   {
    document.documentElement.oncontextmenu = (e) => { alert('Действие по умолчанию отменено'); e.preventDefault(); };
    document.body.getElementsByTagName('a')[1].onclick = (e) => { alert('Действие по умолчанию отменено'); e.preventDefault(); };
   };

Результат:

Результат выполнения задания можно посмотреть здесь.