onChange 文本区域检测和清除输入字段

Question

当用户使用 onchange 事件处理程序更改文本框的内容时，我试图清除表单中的输入字段。我不明白我的错误在哪里。

这是我的代码示例：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。该函数在浏览器中已经存在，用于清除控制台window（它可能应该被称为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>

onChange textarea detection and clear input field