Вопросы Теги

Различия между Amazon S3 и S3n в Hadoop

Также существует свойство Event.eventPhase , которое может сказать вам, находится ли событие в целевой точке или происходит откуда-то еще.

Обратите внимание, что совместимость браузера еще не определена. Я тестировал его на Chrome (66.0.3359.181) и Firefox (59.0.3), и он поддерживается там.

Развернув на уже отличный фрагмент из принятого ответа , это результат с использованием свойства eventPhase 

var logElement = document.getElementById('log');

function log(msg) {
  if (logElement.innerHTML == "
No logs
")
    logElement.innerHTML = "";
  logElement.innerHTML += ('
' + msg + '
');
}

function humanizeEvent(eventPhase){
  switch(eventPhase){
    case 1: //Event.CAPTURING_PHASE
      return "Event is being propagated through the target's ancestor objects";
    case 2: //Event.AT_TARGET
      return "The event has arrived at the event's target";
    case 3: //Event.BUBBLING_PHASE
      return "The event is propagating back up through the target's ancestors in reverse order";
  }
}
function capture(e) {
  log('capture: ' + this.firstChild.nodeValue.trim() + "; " + 
  humanizeEvent(e.eventPhase));
}

function bubble(e) {
  log('bubble: ' + this.firstChild.nodeValue.trim() + "; " + 
  humanizeEvent(e.eventPhase));
}

var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
  divs[i].addEventListener('click', capture, true);
  divs[i].addEventListener('click', bubble, false);
}
p {
  line-height: 0;
}

div {
  display:inline-block;
  padding: 5px;

  background: #fff;
  border: 1px solid #aaa;
  cursor: pointer;
}

div:hover {
  border: 1px solid #faa;
  background: #fdd;
}
1
  
2
    
3
      
4
        
5

65
задан belka 16 March 2018 в 08:51
поделиться