javascript - 別の要素で jQuery イベント オブジェクトをトリガーする

Question

私は単純なCodeMirrorのような設定をしています。親 div (<textarea>内で透明)が強調表示できる要素を<label>オーバーレイするなどです。内容です。つまり、デフォルトでは、イベントは を通過し、 output に適用されます。<pre><pre><textarea><label><pre>

事後にイベントをトリガーする方法はありますか? 具体的には、イベントだけでなく、jQueryイベント オブジェクトをトリガーしますか?

このシナリオでは、テキストエリアのクリックをトリガーしても、特定の場所になければ役に立ちません。mouseEvent の x と y の位置を抽出せずに、そのようにテキストエリアにマップしたいと思います。

私はこのようなことをしたいと思います:

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)たが、ユースケースを適切に反映していませんでした...

の反対の関数があった場合event.preventDefault()-event.triggerDefault()のようなもの、それが私がトリガーしたいものです。