How to change the cursor on hover in openlayers 3?

Question

I managed to add interactivity to a feature layer added from a remote GeoJSON resource. When I click on a feature I get its ID, fire an AJAX request and display some relevant info about the feature, on the page outside of the map area.

I used a Select interaction.

I would like to make it even clearer to the user that he can click on the features on the map. Is there any way I can change the mouse cursor to "cursor" of "hand" when the mouse hovers a feature contained in a ol.layer.Vector ?

I couldn't find anything in the doc, on this site or by googling.

Answer 1

It can be done as well without jQuery:

map.on("pointermove", function (evt) {     var hit = this.forEachFeatureAtPixel(evt.pixel, function(feature, layer) {         return true;     });      if (hit) {         this.getTargetElement().style.cursor = 'pointer';     } else {         this.getTargetElement().style.cursor = '';     } });