2017-01-09 3 views
-1

Я купил книгу по JavaScript. Я все понял до редактирования кода для работы с чем-либо < IE9JavaScript. Понимание e/Events

Существует простой пример, который проверяет ввод имени пользователя более чем на 5 символов. Это легко. , тогда они ввели события в функции.

в коде ниже, я включил комментарии по части I нуждаются в помощи с ..

function checkLength(e, minLength) { //I understand parameters, but what is 'e' plugging? 
    var el, elMsg; 

    if (!e) { //So... if event doesn't exist.(IE8) then use window.event? 
    e = window.event; 
    } 
    el = e.target || e.srcElement; //What exactly is the event targeting? 
    elMsg = el.nextSibling; 

    if (el.value.length < minLength) { 
    elMsg.innerHTML = 'Username must be ' + minLength + ' characters or more'; 
    } else { 
    elMsg.innerHTML = ''; 
    } 
} 

var elUsername = document.getElementById('username'); 

if (elUsername.addEventListener) { 
    elUsername.addEventListener('blur', function(e) { //what am i passing? 
    checkLength(e, 5); 
    }, false); 
} else { 
    elUsername.attachEvent('onBlur', function(e) { 
    checkLength(e, 5); 
    }); 
} 
+0

https://developer.mozilla.org/en-US/docs/Web/API/Event – epascarello

+0

* «Что я прохожу?» * Строка '' blur'' и функция (и 'false') , –

ответ

1

Я понимаю параметры, но что такое «е» затыкать?

e происходит от обработчика событий и представляет собой событие.

Итак ... если событие не существует. (IE8), то используйте window.event?

В некоторых версиях IE используется global event, который доступен только во время обработки события. Если событие не передается в функцию, вместо этого используйте глобальное событие IE.

В чем именно заключается таргетинг на события?

Событие target или srcElement является элементом, на который воздействуют. Если у вас есть обработчик щелчка на кнопке, это будет означать кнопку, если на входе есть обработчик изменения или размытия, он будет ссылаться на входной элемент и т. Д.

Что я проезжаю?

Первый параметр - это имя события, которое вы хотите обработать, а второй параметр - это функция, которая будет обрабатывать событие.

Смежные вопросы