В общем, на мой прошлый вопрос замечательно ответили,спасибо большое.Извиняюсь,но я не уточнил,что элементы - частички на картинке,которые выделяется при наведении при помощи CSS и были выделены на странице при помощи Inkscape,вот такой код:
<svg viewbox = '0 0 1193.3333 713.33331'>
<a href = '#'>111111
<path class = 'city' id = 'moscow' d = 'm 199.65976,260.24441 2.11994,-4.04716 h 3.08355 l 0.19272,-2.50538 2.50539,-0.96361 9.05792,-0.19272 0.19272,5.01077 c 0,0 15.61047,4.81804 15.61047,4.81804 l 0.77088,4.4326 -5.58893,3.66172 -2.50538,4.62532 -1.15633,6.74526 4.4326,0.96361 0.57816,6.35982 -6.55254,-0.77089 -3.08355,1.34905 -2.89082,-0.57816 -2.69811,-2.31266 -2.31266,0.38544 -1.54177,1.34905 -1.92722,0.57817 -3.27627,-0.77089 2.11994,-2.31266 0.19272,-3.27627 -0.57816,-2.31266 -2.31267,-2.89083 -1.34905,-0.38544 4.4326,-3.46899 2.31266,-4.62533 -3.85443,-3.85443 z' fill = '#F5F5DC'>
</a>
Я попробовал использовать скрипты как для обычного элемента HTML (на тестовой странице сделал подобное :
<a> 111 </a> и данный скрипт (
document.querySelectorAll("a").forEach(el => el.addEventListener("mouseover", e => document.getElementById('output').innerHTML = "Вы навели на кнопку: "+e.target.textContent));
) там срабатывал. А на этой странице он срабатывает сразу на картинке и при этом при наведении на нужный элемент не выводит его названия.
Если что,картинка одна и она разграничена на части в программе Inkscape.
В этом случае уже ничего нельзя сделать,да?
Извините,но полный код выложить не могу,т.к. всё это делается для соревнования,участники которого могут скопировать идею (простите).
