Показать сообщение отдельно
  #2 (permalink)  
Старый 16.01.2016, 08:20
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

Anton6677, вешаете на активный элемент какой-нибудь класс, а потом проверяете его наличие (если есть, то ничего не делать).

<style>
  .active { color: red; }
</style>

<button>Click me</button>
<button>Click me</button>

<script>
  // на все кнопки
  // ps. лучше использовать делегирование
  [].forEach.call(document.querySelectorAll('button'), function(item) {
  	// вешаем событие клик.
  	item.onclick = function() {
  		// проверка, если данный элемент не является активным и есть активный элемент на странице, то ничего не делаем
  		if (!this.classList.contains('active') && document.querySelector('.active')) {
  			return false;
  		}
  		// тут ясно=)
  		this.classList.toggle('active');
  	}
  });
</script>

Последний раз редактировалось Lemme, 16.01.2016 в 08:23.
Ответить с цитированием