Sometimes web pages show different content when a field is hovered over, the HOVER keyword helps you reach these page states prior to querying for the content you’re looking for.
FROM url
|> HOVER OVER css_selector
|> SELECT field_of_interest
The HOVER functionality works regardless if the element responding to a hover is driven by CSS or a JavaScript interaction. For an example of hovering to get data from an element that changes due to CSS.
website <| https://lsd.so/example |
hoverable_field <| .card |
card_back <| .card-back |
FROM https://lsd.so/example
|> HOVER OVER hoverable_field
|> SELECT card_back
And here is an example of hovering to get data from an element that changes due to JavaScript.
website <| https://lsd.so/example |
another_hoverable_field <| #hover-over-me |
dynamic_field <| #hover-content |
FROM https://lsd.so/example
|> HOVER OVER another_hoverable_field
|> SELECT dynamic_field