Это мой код:
setInterval(function(){
let fklas = document.createElement("input");
fklas.setAttribute('type', 'text');
let randomX = 10
let randomY = 10
fklas.style.top= randomX + "%"
fklas.style.left= randomY + "%"
document.body.append(fklas);
},100)
function mouseOver() {
console.log(this.id);
this.parentNode.removeChild(this);
}
var list = document.getElementsByTagName("input");
for (var i = 0; i < list.length; ++i) {
list[i].addEventListener("mouseover", mouseOver);
}
Я хочу удалить области ввода с помощью наведения мыши. Должно быть похоже на игру. Моя функция удаления не работает. Может кто-нибудь исправить это, пожалуйста?
Любовь.
0
Elena1a1a
1 ответ
Вы должны добавить его к каждому сгенерированному элементу.
setInterval(function() {
let fklas = document.createElement("input");
fklas.setAttribute('type', 'text');
let randomX = 10
let randomY = 10
fklas.style.top = randomX + "%"
fklas.style.left = randomY + "%"
fklas.addEventListener("mouseover", mouseOver) // <-----
document.body.append(fklas);
}, 100)
function mouseOver() {
console.log(this.id);
this.parentNode.removeChild(this);
}
// <-- there are no element generated at this point so your for loop is effectively no-op
* Я опускаю часть стиля, потому что это другой вопрос.
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.