поля прозрачной формы onblur на всех полях

Question

Эй, я работаю над калькулятором с формой и javascript. Я хочу, чтобы, когда пользователь нажимает в поле, а значение равно «0», поле очищается. Когда он нажмет вне поля, а значение «» Я хочу, чтобы поле было заполнено снова 0. Я могу легко сделать это для конкретных областей, как, что:

document.forms[0].elements[0].onfocus = function() { 
    if(this.value == "0") { 
     this.value = ""; 
    } 
}; 

document.forms[0].elements[0].onblur = function() { 
    if(this.value == "") { 
     this.value = "0"; 
    } 
}; 

Но я хочу, чтобы работать с каждым полем и я не хочу писать эту кучу кода для каждого поля, и я не хочу использовать встроенные ссылки в своем html. Какой у меня вариант? Заранее спасибо.

Answer 1

Попробуйте это.

Вы также можете заменить 'document.forms [0] .elements' на 'document.querySelectorAll ("форма входа")' и т.д.

Array.prototype.slice.call(document.forms[0].elements).forEach(function(element){ 
    element.onfocus = function() { 
     if(this.value == "0") { 
      this.value = ""; 
     } 
    }; 
    element.onblur = function() { 
     if(this.value == "") { 
      this.value = "0"; 
     } 
    }; 
})