BN
а как заблокировать всплытие
Size: a a a
2021 March 18
NV
Beibars Nygyzbaev
а как заблокировать всплытие
stopPropagation это и делает
NV
только ты блокируешь всплытие клика по ячейке а не по инпуту
NV
понимаешь в чем ошибка?
BN
нет
NV
ты обрабатываешь клик по ячейке
NV
твоя задача чтобы обработчик клика на ячейке не вызвался при клике на инпут
NV
сейчас он у тебя всегда вызывается
BN
ты обрабатываешь клик по ячейке
хорошо, сейчас еще подумаю
NV
Beibars Nygyzbaev
хорошо, сейчас еще подумаю
Тебе надо слушать клик в инпуте
NV
и блокировать всплытие именно его
BN
Тебе надо слушать клик в инпуте
а как именно это реализовать, можете просто код написать если не сложно
NV
var cb = e => e.stopPropagation()
var td = document.getElementsByTagName('td');
for (var i = 0; i < td.length; i++) {
td[i].addEventListener('click', function (e) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.addEventListener("click", cb)
this.appendChild(input);
})
}
var td = document.getElementsByTagName('td');
for (var i = 0; i < td.length; i++) {
td[i].addEventListener('click', function (e) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.addEventListener("click", cb)
this.appendChild(input);
})
}
BN
var cb = e => e.stopPropagation()
var td = document.getElementsByTagName('td');
for (var i = 0; i < td.length; i++) {
td[i].addEventListener('click', function (e) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.addEventListener("click", cb)
this.appendChild(input);
})
}
var td = document.getElementsByTagName('td');
for (var i = 0; i < td.length; i++) {
td[i].addEventListener('click', function (e) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.addEventListener("click", cb)
this.appendChild(input);
})
}
спасиибо
BN
var cb = e => e.stopPropagation()
var td = document.getElementsByTagName('td');
for (var i = 0; i < td.length; i++) {
td[i].addEventListener('click', function (e) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.addEventListener("click", cb)
this.appendChild(input);
})
}
var td = document.getElementsByTagName('td');
for (var i = 0; i < td.length; i++) {
td[i].addEventListener('click', function (e) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.addEventListener("click", cb)
this.appendChild(input);
})
}
да бляяя я эту задачу 3 час уже решаю
BN
у меня вопрос по жс по замороченному коду, помогите люди добрые, у кого есть времени? в лс
NV
Beibars Nygyzbaev
у меня вопрос по жс по замороченному коду, помогите люди добрые, у кого есть времени? в лс
по этой задаче?
BN
по этой задаче?
сейчас
BN
объясню задачу, да
BN
по этой задаче?
Дана таблица. По нажатию на ячейку в ней появляется инпут с содержимым этой ячейки и кнопка сохранить. Можно поредактировать текст в инпуте, сохранить - и текст ячейки поменяется. - это сама задача, тут я столкнулся с некоторыми проблемами, когда я нажимал на ячейку все у меня появляется, и текстовый инпут и кнопка. но если нажать еще раз то появляется еще, так что я решил что скорее всего надо отвзять событие после нажатия на ячейку которое создает мне инпут и кнопку и кладет в ячейку. окей все работает пока что как надо, если инпут открыт то при втором нажатии не появляется еще один инпут. но после того как я ввожу цифру и нажимаю на кнопку, соответственно иннерХТМЛ ячейки меняется, и при втором нажатии на ячейку не привязывается функция первая которая создавала инпут и баттон и клала в ячейку. если привязать такую функцию то она выполняется сразу, то есть инпут и кнопка не уходят вовсе.