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

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

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

control webBrowser

 

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

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

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

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

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

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

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

результат

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

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

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

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

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

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

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

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

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

Похожие темы

Control WebBrowser. Часть 2: События Control WebBrowser. Часть 2: События В предыдущей статье было продемонстрировано, как получить данные в виде html страницы и вывести их в окно элемен...
Как получить имя html элемента при наведении мышки... Получение имени html элемента при наведении мышки Сегодня я хочу показать на простом примере, как получить имя html элемента при наведении мышкой в о...
Базовые операции с html атрибутами в классе WebBro... WebBrowser работа с html атрибутами В этой статье хотелось бы показать несколько простых операций с HTML атрибутами, которые можно выполнить с помощь...
Как найти html элемент по атрибуту class... Как найти html элемент по его классу? В этой статье хотелось бы рассказать, как можно быстро и легко найти html элемент по его классу. Поиск элементо...
HTTP Cookies | Web Application Pentesting Добро пожаловать на курс Web Application Pentesting колеги. Сегодня мы поговорим с Вами о куки(Cookie). Сразу же хочу предупредить , что у Виве...