---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/event_rollover.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/event_rollover.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/en/llms.txt
# Changing a placemark icon when hovering over it
Open in CodeSandbox
Another example of working with geo object events - changing the placemark icon when the mouse pointer hovers over it.
{% list tabs %}
- index.html
```html
Examples. Changing a placemark icon when hovering over it
```
- event_rollover.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map(
"map",
{
center: [55.755773, 37.617761],
zoom: 9,
},
{
searchControlProvider: "yandex#search",
}
),
myPlacemark = new ymaps.Placemark(myMap.getCenter());
myMap.geoObjects.add(myPlacemark);
myPlacemark.events
.add("mouseenter", function (e) {
/**
* A reference to the object that triggered the event;
* you can get it from the 'target' field.
*/
e.get("target").options.set("preset", "islands#greenIcon");
})
.add("mouseleave", function (e) {
e.get("target").options.unset("preset");
});
}
```
{% endlist %}