Question

我遇到了一个奇怪的问题，输入框html不允许打字。

const para = document.createElement('p')
const innerCard = document.getElementsByClassName('attach')

for(let i = 0; i < innerCard.length; i ++){
   innerCard[i].addEventListener('click',createInput)
   innerCard[i].addEventListener('dblclick',hide)

  }

function hide(){
   para.style.display = 'none'
   for(let i = 0; i < innerCard.length; i ++){
   innerCard[i].removeEventListener('mouseout',hide)
  }
 }
function createInput(){
   let input = document.createElement('input');
   para.innerText = 'Topics'
   para.className = "blem'
   innerCard[0].appendChild(para)
   para.appendChild(input)
   para.style.display = 'grid'
   for(let i = 0; i < innerCard.length; i ++){
      innerCard[i].removeEventListener('mouseover',createInput)
   }
}

完整代码：https://jsfiddle.net/nj7ne83y/3/

Answer 1

您的Person.select("id", "name").order("votes DESC").limit(15)输入传播到click并反复调用innerCard。

以这种方式停止：

createInput

https://jsfiddle.net/nj7ne83y/4/

Answer 2

我得到了它的工作，假设你想创建一个类“attach”的兄弟，而不是它的孩子。

更改此行：

innerCard[0].appendChild(para)

到此：

innerCard[0].parentElement.appendChild(para)

输入框不允许输入

2 个答案: