3

Safari の Web インスペクタまたは chrome の開発者ツールのタイムラインでカスタム イベントを表示したかったのです。

イベントを作成してインスペクターに表示することに成功した人はいますか? これは非常に便利です。

これはタイムラインに表示されません:

var event = document.createEvent( 'CustomEvent' );
event.initCustomEvent('myEvent', true, false);
document.dispatchEvent( event );

これは機能しますが、これはマウス イベントであり、私の意図ではありません。

var event = document.createEvent( 'MouseEvents' );
event.initEvent('click', true, false);
document.dispatchEvent( event );
4

1 に答える 1

4

カスタムイベントのリスナーを追加する必要があります。

document.addEventListener('myEvent', function() { console.log('myEvent'); });

var event = document.createEvent('CustomEvent');  
event.initEvent('myEvent', true, false);  
document.dispatchEvent(event);

ソース：

http://code.google.com/searchframe#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/inspector/InspectorInstrumentation.cpp&exact_package=chromium&q=willDispatchEventOnWindowImpl&type=cs&l=337

于 2012-05-01T21:01:03.840 に答える