问Javascript调度事件

EN

$('#parent').on('my-event', '#target', (evt) =>
  console.log( evt.type, 'fired' )
);

console.log('non bubbling');
const nonBubbling = new Event('my-event');
$('#target')[0].dispatchEvent( nonBubbling );

console.log('bubbling');
const bubbling = new Event('my-event', { bubbles: true } );
$('#target')[0].dispatchEvent( bubbling );

console.log('$.trigger');
$('#target').trigger('my-event')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="parent">
  <span id="target"></span>
</div>