onChange textarea检测和清除输入字段

Question

当用户使用onchange事件处理程序更改textarea框的内容时，我试图清除表单中的输入字段。我不知道我的错误在哪里，为什么它不起作用。

以下是我的代码示例：JSBin

function clear()
   {  
     document.getElementById('clearme').value= " " ;
     
   }

<input type="text" id="clearme" value="123" readonly>
<textarea type="text" id="test2" onChange="clear()">some&#10;text&#10;here</textarea>

Answer 1

问题是函数名clear。这个函数已经存在于浏览器中，它用于清除控制台窗口（它可能应该被称为console.clear()，但它是一个顶层函数）。所以你的onchange正在调用该函数。

为您的函数指定一个不同的名称（我使用clearfield()），它会起作用。

function clearfield()
   {  
     document.getElementById('clearme').value= " " ;
     
   }

<input type="text" id="clearme" value="123" readonly>
<textarea type="text" id="test2" onChange="clearfield()">some&#10;text&#10;here</textarea>