jQuery - 同步Opera中textarea的滚动

Question

我尝试同步滚动textarea和div，例如：

<textarea id="text" style="height: 250px" value="Lots of text here"></textarea>
<div id="div" style="height: 250px">Lots of text here</div>

使用以下jQuery代码：

$('#text').on('scroll', function() {
    $('#div').scrollTop($('#text').scrollTop());
});

在Chrome和IE中完美运行（尚未在FF和Safari中测试过），但在Opera中不起作用。在牺牲了睡眠以解决类似的问题后，我发现了一些不确定的假设，即onscroll事件在Opera中与textarea不兼容。我知道我可以使用onmousewheel，onclick和onkeyup事件来使其在Opera中运行，但我想找到更好的解决方案，并且也理解，为什么会发生这种情况

有趣的是，一切正常，当我这样做时，反之亦然，就像这里：

$('#div').on('scroll', function() {
    $('#text').scrollTop($('#div').scrollTop());
});

在Opera 11.64中测试过。