Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.12.2018, 09:54
Аспирант
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 68

(решено) Как при клике правой кнопкой по картинке скопировать в буфер ее URL
Мда
или с нажатым контролом и правой кнопкой.

Последний раз редактировалось selevo, 15.12.2018 в 21:27. Причина: решено
Ответить с цитированием
  #2 (permalink)  
Старый 15.12.2018, 18:20
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,601

<img src="http://site.ru/img.jpg" alt="22">
<img src="http://site.ru/img2.jpg" alt="33">
<script>
	document.querySelectorAll('img').forEach(el=>el.oncontextmenu = e =>  {
		e.preventDefault();
		navigator.clipboard.writeText(e.currentTarget.src)
	});
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 15.12.2018, 21:26
Аспирант
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 68


Виртуозно!
Ответить с цитированием
  #4 (permalink)  
Старый 16.12.2018, 19:29
Аспирант
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 68

а почему работает не везде хотя картинка есть ?
вот пример страницы:
https://www.aliexpress.com/item/3-Me...948596388.html

и еще редактор выдает предупреждение
arrow function should not return assignment
Изображения:
Тип файла: jpg 2018_12_16_21_2642.jpg (731.9 Кб, 6 просмотров)
Тип файла: jpg 2018_12_16_21_2917.jpg (538.0 Кб, 0 просмотров)

Последний раз редактировалось selevo, 16.12.2018 в 19:40.
Ответить с цитированием
  #5 (permalink)  
Старый 16.12.2018, 21:05
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,601

Сообщение от selevo
а почему работает не везде хотя картинка есть ?
Скорее всего картинка подгружается после навешивания слушателей
Ответить с цитированием
  #6 (permalink)  
Старый 16.12.2018, 21:11
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,601

document.body.oncontextmenu = function(e){
	if (e.target.tagName == 'IMG') {
		e.preventDefault();
		navigator.clipboard.writeText(e.target.src);
	}
};
Ответить с цитированием
  #7 (permalink)  
Старый 17.12.2018, 17:16
Аспирант
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 68

шикарно,вообще решение находчивое ))

Да ,спасибо там подгружается постепенно содержимое и
предупреждения нет.
но нет и контекстного меню я заметил,
можно как-то на контрол+правы клик повесить или не получится так ?
Ответить с цитированием
  #8 (permalink)  
Старый 17.12.2018, 17:56
Аватар для Aetae
Любитель
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 5,405

document.body.oncontextmenu = function(e){
	if (e.target.tagName == 'IMG' && e.ctrlKey) {
		e.preventDefault();
		navigator.clipboard.writeText(e.target.src);
	}
};
Логично, не правда ли?)
__________________
29375, 35
Ответить с цитированием
  #9 (permalink)  
Старый 18.12.2018, 08:31
Аспирант
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 68

)))
ТОчно!
Спасибо.
я в js третий день пока мало что понял из всего кода, кроме
clipboard.writeText
if
tagName == 'IMG' && e.ctrlKey

Последний раз редактировалось selevo, 18.12.2018 в 08:52.
Ответить с цитированием
  #10 (permalink)  
Старый 19.03.2019, 08:38
Аспирант
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 68

а как сделать так что бы при клике правой кнопкой и контекстное меню показалось и url картинки в буфер сохранился ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как в js скопировать в буфер обмена? MC-XOBAHCK Общие вопросы Javascript 2 08.10.2018 18:40
как при клике по элементу открыть его в новой вкладке? денис77447327 Общие вопросы Javascript 4 05.10.2017 14:01
Как плавно открыть блок при при клике на видео-миниатюру ? Antonjrjr Events/DOM/Window 0 14.09.2017 18:41
копирование в Буфер при клике на картинку Павел Общие вопросы Javascript 7 13.07.2013 23:51
Как отменить прокрутку при клике Alekson jQuery 1 30.03.2009 19:53