Paranoid - курс от Codeby Security School

Представляем вашему вниманию курс от команды codeby - "Комплекс мер по защите персональных данных, анонимности в интернете и не только" Подробнее ...


Выделение элемента при наведении мышкой в WebBrowser

Из этой статьи вы узнаете, как выделить элемент в WebBrowser при наведении мышкой.

Как обычно начнём с создания нового проекта типа Windows Forms Application. Затем добавим на форму элемент управления WebBrowser (wb).

control webBrowser

 

Для работы нам так же понадобиться тестовая страница, её исходник я возьму из предыдущей статьи: Получение имени элемента при наведении мышкой.

И так для начала нужно загрузить страницу в WebBrowser. В данном примере это действие я буду выполнять в обработчике события Form.Load

Затем необходимо дождаться полной загрузки страницы, для этого подписываемся на событие DocumentCompleted.

Следующим шагом будет подписка на событие MouseOver, которое позволит отловить момент наведения мышки на элемент.

Выделение элемента

Выделить элемент на странице можно несколькими способами, так например, в данной статье рассмотрим, как это можно сделать с помощью css стилей.


Codeby Security School от Сodeby

Мы запустили свою онлайн школу по информационной безопасности. Защита персональных данных, анонимность в сети интернет, настройка виртуальных машин, безопасная передача данных, анти форензика и еще много всего полезного в курсе Paranoid


1. Чтобы применить css стиль к элементу нужно воспользоваться свойством Style. Например, я хочу, чтобы при наведении мышки на элемент вокруг него создавалась рамка красного цвета:

результат

рамка вокруг элемента

2. Применение стиля будет происходить в обработчике события MouseOver.

Проверим, как работает данная часть кода. Запускаем приложение и начинаем наводить мышку на любые элементы на странице.

выделение элемента

В принципе всё работает, но хотелось бы сделать так, чтобы при переключении с одного элемента на другой, выделение (рамка) исчезало.

3. В обработчике события DocumentCompleted подписываемся на событие MouseLeave.

4. Присвоим свойству Style значение null и вместо ToElement укажем свойство FromElement.

Снова запускаем приложение, теперь всё работает как надо. Если вам было, что-то не понятно, то посмотрите видео.

Читайте также:


Безопасная сделка с гарантом Сodeby

Гарант является доверенным посредником между Участниками при проведении сделки.​ Услуга сайта «Проведение сделок через Гаранта» предоставляется всем зарегистрированным пользователям codeby.net Подробнее ...


Похожие темы

Как развернуть у себя на десктопе полноценный веб ... Хочу показать в этой статье как очень легко и без особых знаний развернуть у себя на десктопе полноценный веб сервер, для своих нужд. Очень подойдет...
c# Как получить значение HTML элемента?... Получение значения HTML элемента Продолжаем работать с классом WebBrowser и сегодня вы узнаете, как получить значение HTML элемента. Исходный код ...
Как получить имя html элемента при наведении мышки... Получение имени html элемента при наведении мышки Сегодня я хочу показать на простом примере, как получить имя html элемента при наведении мышкой в о...
Как нажать на кнопку в webBrowser?... Как нажать на кнопку в окне webBrowser? Очень часто в комментариях спрашивают: как нажать на кнопку в окне webBrowser? Так как этот вопрос очень част...
c# Создание веб-сервера с помощью класса HttpListe... Как создать веб-сервер с помощью класса HttpListener? В этой небольшой статье рассмотрим на простом примере, как создать веб-сервер с помощью языка c...