@iliazeus И, насколько я понимаю, это же можно вообще без серверной логики сделать?
Виновата ли Русь-тройка в том, что в карете Чичиков?
Posted in https://t.me/toe_knee_we_cheer
@VladlenO Да ![]()
@tennoseremel Ну, у меня на странице ТОЛЬКО картинки, так что вроде 1 слушатель и 1 функция вместо 100500 вроде логично.
@tennoseremel Кстати, Клавдия предлагает, по-моемеу, более разумный и быстрый вариант:
```
document.addEventListener('click', function(e) {
```
```
if (e.target.tagName === 'IMG') {
```
```
var title = e.target.getAttribute("title");
```
``` navigator.clipboard.writeText(title);
```
}
});
```
@VladlenO Ну что, веганы, съели? ![]()
@tennoseremel Благодарю, работает отлично!
![]()
@tennoseremel Непонел я 😠
@tennoseremel Uncaught TypeError: document.querySelector(...) is not iterable
#NeuralNetwork #Mastodon #javascript #lifehack
Напиши javascript-код, который по щелку на любой картинке на странице будет копировать в буфер ее html-атрибут title
**#Sage:**
Для реализации данной функциональности можно использовать событие "click" и метод document.execCommand() для копирования текста в буфер обмена.
Вот пример кода на JavaScript:
javascript
```
// Находим все картинки на странице
```
```
const images = document.getElementsByTagName('img');
```
```
// Добавляем обработчик события "click" для каждой картинки
```
```
for (let i = 0; i < images.length; i++) {
```
```
images[i].addEventListener('click', function() {
```
```
// Получаем значение атрибута "title"
```
```
const title = this.getAttribute('title');
```
```
// Создаем временный элемент textarea для копирования текста в буфер обмена
```
```
const tempEl = document.createElement('textarea');
```
```
tempEl.value = title;
```
```
document.body.appendChild(tempEl);
```
```
// Выделяем текст в элементе textarea
```
```
tempEl.select();
```
```
// Копируем выделенный текст в буфер обмена
```
``` document.execCommand('copy');
```
```
// Удаляем временный элемент textarea
```
```
document.body.removeChild(tempEl);
```
```
});
}
```
Этот код найдет все картинки на странице, добавит для них обработчик события "click", который при щелчке на картинке получит значение атрибута "title", скопирует его в буфер обмена и удалит временный элемент textarea.
Дальше убираем хемуляции с текстовым полем, заменив их на простое
```
navigator.clipboard.writeText(title);
```
выцепляем из кода веб-морды #Mastodon фрагмент с перечислением «серверных» #emoji, увеличиваем размеры и — в закладки. А, забыл, там еще в коде надо img на span поменять, потому что в html не img используется.
А это всё зачем? А затем, что в маленьком окошке не видно нихрена.
@kunsun ...которого, в свою очередь, без подписки не сыскать, афайк?..
Графический дизайнер, фотограф. По всей херне специалист.
Интересуюсь тёмной музыкой, компьютерной графикой, социальными сетями.
Виндузятник, но предпочитаю opensource, когда это достойная альтернатива проприетарщине.
«Странный человек, заморачивающийся за цветокоррекцию и ленящийся выучить Delphi» ©
🔴🟢🔵⚫ RGBA+