触发另一个元素上的jQuery事件对象

Question

我有一个简单的类似CodeMirror的设置，其中父div（<textarea>中的透明<label>）覆盖了可以突出显示的<pre>元素。我想要能够将鼠标悬停在<pre>中的元素上，但也可以点击<textarea>并编辑其内容。即 - 默认情况下，事件应该传递<label>并应用于输出<pre>。

有没有办法在事后触发事件？具体来说，触发jQuery 事件对象，而不只是一个事件？

在这种情况下，如果没有特定位置，触发textarea上的点击将没有用处。我宁愿不提取mouseEvent的x和y位置，并以这种方式映射到textarea。

我想做这样的事情：

output.bind('mousedown', function(event) {
    event.preventDefault();
    label.css('pointer-events', 'auto');

    //this isn't real
    event.target = label;
    event.apply();
});
label.bind('mouseup', function(event) {
    label.css('pointer-events', 'none')
});

如果你能提出IE10兼容的东西（没有指针事件）那就更好了。

谢谢！

-

编辑：有label.trigger（事件），但没有正确反映用例......

如果有一个与event.preventDefault（）相反的函数 - 比如event.triggerDefault（），那就是我想要触发的。