Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.06.2018, 14:45
Аспирант
Отправить личное сообщение для chellas88 Посмотреть профиль Найти все сообщения от chellas88
 
Регистрация: 23.10.2017
Сообщений: 37

Правая кнопка мышки
Всем привет. Помогите с таким вопросом:
Есть куча дивов с уникальными id
<div id="1">ТЕкст1</div>
<div id="2">ТЕкст2</div>

Нужно написать обработчик, который при нажатии правой кнопкой мышки на одном из этих дивов будет получать id дива на котором он будет нажат
Ответить с цитированием
  #2 (permalink)  
Старый 23.06.2018, 14:50
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

chellas88,
https://learn.javascript.ru/mouse-clicks
Ответить с цитированием
  #3 (permalink)  
Старый 23.06.2018, 15:00
Аспирант
Отправить личное сообщение для chellas88 Посмотреть профиль Найти все сообщения от chellas88
 
Регистрация: 23.10.2017
Сообщений: 37

Сообщение от рони Посмотреть сообщение
chellas88,
https://learn.javascript.ru/mouse-clicks
я читал. у меня консоль пишет что contextmenu не является функцией
Ответить с цитированием
  #4 (permalink)  
Старый 23.06.2018, 15:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

chellas88,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
document.addEventListener('DOMContentLoaded', function() {
[].forEach.call(document.querySelectorAll('div'), function(node) {
   node.addEventListener("mousedown", function(event) {
   if(event.which == 3) {
   event.preventDefault();
   alert(node.id);
   }
})

});
});

  </script>
</head>

<body>

<div id="1">ТЕкст1</div>


<div id="2">ТЕкст2</div>

</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 23.06.2018, 15:21
Аспирант
Отправить личное сообщение для chellas88 Посмотреть профиль Найти все сообщения от chellas88
 
Регистрация: 23.10.2017
Сообщений: 37

Сообщение от рони Посмотреть сообщение
chellas88,
<!DOCTYPE html>


  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
document.addEventListener('DOMContentLoaded', function() {
[].forEach.call(document.querySelectorAll('div'), function(node) {
   node.addEventListener("mousedown", function(event) {
   if(event.which == 3) {
   event.preventDefault();
   alert(node.id);
   }
})

});
});

  </script>
спасибо

Последний раз редактировалось chellas88, 23.06.2018 в 15:26.
Ответить с цитированием
  #6 (permalink)  
Старый 23.06.2018, 15:42
Аспирант
Отправить личное сообщение для chellas88 Посмотреть профиль Найти все сообщения от chellas88
 
Регистрация: 23.10.2017
Сообщений: 37

Помогите еще вот с чем

function showmenu(){
	$('.del_menu').fadeIn('slow');
	
};
  
document.addEventListener('DOMContentLoaded', function() {
	[].forEach.call(document.querySelectorAll('.search_lotus_item'), function(node) {
		node.addEventListener("mousedown", function(event) {
			if(event.which == 3) {
				var num = node.id;
				event.preventDefault();
				showmenu();
				
			}
		})

	});

});

При нажатии показывается блок но и стандартное контекстное меню тоже. Как запретить стандартное меню?
А также хотелось бы чтоб блок появлялся возле курсора
Ответить с цитированием
  #7 (permalink)  
Старый 23.06.2018, 17:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от chellas88
mousedown
замените на
contextmenu
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кнопка "Добавить в закладки": как сделать? pingvinludoed Javascript под браузер 0 11.04.2016 12:07
Не работает кнопка "Наверх" dle 9.3 dunek_ Opera, Safari и др. 1 25.05.2013 18:26
Кнопка с запросом Logo424 Javascript под браузер 12 20.05.2013 19:29
Правая кнопка мыши (Sandr) Общие вопросы Javascript 8 19.01.2012 20:41
Правая кнопка мыши fessnik Общие вопросы Javascript 3 30.05.2011 04:21