как вы можете создавать несколько фокусов и onblur?

Question

Я хочу знать, как создать несколько onfocus и onblur для нескольких полей ввода.

У меня есть что-то вроде этого, но когда поле имени onfocus, поле электронной почты равно onfocus. Есть ли способ решить это?

$(document).ready(function(){ 
    focusBlur(); 
}); 


function focusBlur() { 

    var formName = document.getElementById('name'); 
    var valueName = 'name'; 

    var formEmail = document.getElementById('email'); 
    var valueEmail = 'email'; 

    formName.onfocus = function() { 
     if(formName.value == valueName) { 
      formName.value = ''; 
     } 

     if(formEmail.value == valueEmail) { 
      formEmail.value = ''; 
     } 
    }; 


    formName.onblur = function() { 
     if(formName.value == '') { 
      formName.value = valueName; 
     } 

     if(formEmail.value == '') { 
      formEmail.value = valueEmail; 
     } 
    }; 


} 

Answer 1

Если вы где сделать что-то вроде JQuery делает, можно сказать, что-то вроде

function blur(){} 
    var elems=Array.prototype.slice.call(document.getElementsByTagName('input')) 
elems.forEach(function(element){ 

    if(document.addEventListener){ 
     element.addEventListener('blur',blur) 
    } 
    else if(element.onblur){ 
     element.onblur=blur; 
    } 
}) 

что-то подобное, что должны это сделать. в зависимости от поддержки браузера вы можете использовать getElementsByClassName или querySelector, который вернет массив узлов и цикл через него, чтобы прикрепить события