Как настроить событие onclick для элемента div, чтобы оно срабатывало при его нажатии?

Как можно реализовать клик на элемент <object> внутри <div>, чтобы он корректно обрабатывался?
  • 25 апреля 2024 г. 5:20
Ответы на вопрос 2
1. Для настройки события onclick для элемента div, чтобы оно срабатывало при его нажатии, можно использовать следующий код на JavaScript:

```javascript
document.getElementById("myDiv").onclick = function() {
  alert("Div был нажат!");
};
```

Где "myDiv" - это id элемента div, для которого мы хотим добавить событие onclick.

2. Для реализации клика на элемент <object> внутри <div> и чтобы он корректно обрабатывался, необходимо использовать делегирование событий. Например, можно добавить обработчик клика к родительскому элементу <div> и затем проверять, на каком элементе произошел клик:

```javascript
document.getElementById("myDiv").addEventListener("click", function(event) {
  if (event.target.tagName === "OBJECT") {
    alert("Object был нажат!");
  }
});
```

Где "myDiv" - это id родительского элемента div, в котором находится элемент <object>. Таким образом, при клике на элемент <object>, обработчик сработает и будет выводить сообщение "Object был нажат!".
Может без объекта внутри ваш див пустой? То есть имеет нулевые размеры. Поэтому и кликать некуда по сути. Уберите объект, задайте диву фоновый цвет и проверьте. Если ничего не выводится, то значит надо задать ему высоту, как минимум (ширина дивов по умолчанию = 100% родителя)
Похожие вопросы