Javascript HTML文本区域不'；在Chrome中键入时无法更新

在具有以下代码的页面上，文本区域不会更新为我键入的文本，直到我单击关闭它。为什么?

#帆布{
浮动：左；
}
window.onload=函数（）{
var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
ctx.translate（0,0）；
}

这真是奇怪的行为。您可以通过向文本区域添加相对定位来修复它：

#帆布{
浮动：左；
}
文本区{
位置：相对位置；
}
window.onload=函数（）{
var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
ctx.translate（0,0）；
}

您到底想实现什么。@suchit我想让我的textarea正常工作。.我遇到了一个问题，出现了相同的症状，但页面上没有画布。幸运的是，修复方法也起到了同样的作用。我仍然对真正的原因感到好奇…我也在想同样的事情。我最初的想法是画布以某种方式覆盖了textarea，因此我在textarea中添加了一个z索引。Z-index只对定位元素起作用，所以我给了它相对定位。这解决了问题，但在百灵鸟上我决定删除z索引。令人惊讶的是，它仍然有效。疯子