当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript DOM.dispatchEvent方法代码示例

本文整理汇总了TypeScript中angular2/src/dom/dom_adapter.DOM.dispatchEvent方法的典型用法代码示例。如果您正苦于以下问题:TypeScript DOM.dispatchEvent方法的具体用法?TypeScript DOM.dispatchEvent怎么用?TypeScript DOM.dispatchEvent使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在angular2/src/dom/dom_adapter.DOM的用法示例。


在下文中一共展示了DOM.dispatchEvent方法的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: it

    it('should add and remove global event listeners with correct bubbling', () => {
      var element = el('<div><div></div></div>');
      DOM.appendChild(DOM.defaultDoc().body, element);
      var dispatchedEvent = DOM.createMouseEvent('click');
      var receivedEvent = null;
      var handler = (e) => { receivedEvent = e; };
      var manager = new EventManager([domEventPlugin], new FakeNgZone());

      var remover = manager.addGlobalEventListener("document", '^click', handler);
      DOM.dispatchEvent(element, dispatchedEvent);
      expect(receivedEvent).toBe(dispatchedEvent);

      receivedEvent = null;
      remover();
      DOM.dispatchEvent(element, dispatchedEvent);
      expect(receivedEvent).toBe(null);

      remover = manager.addGlobalEventListener("document", 'click', handler);
      DOM.dispatchEvent(element, dispatchedEvent);
      expect(receivedEvent).toBe(null);
    });
开发者ID:188799958,项目名称:angular,代码行数:21,代码来源:event_manager_spec.ts

示例2: it

 it('bubbled events are caught when fired from a child', () => {
   var element = el('<div><div></div></div>');
   DOM.appendChild(document.body, element);
   var child = DOM.firstChild(element);
   var dispatchedEvent = DOM.createMouseEvent('click');
   var receivedEvent = null;
   var handler = (e) => {
     receivedEvent = e;
   };
   var manager = new EventManager([domEventPlugin], new FakeVmTurnZone());
   manager.addEventListener(element, '^click', handler);
   DOM.dispatchEvent(child, dispatchedEvent);
   expect(receivedEvent).toBe(dispatchedEvent);
 });
开发者ID:gdi2290,项目名称:sample-Angular2,代码行数:14,代码来源:event_manager_spec.ts

示例3: dispatchEvent

export function dispatchEvent(element, eventType) {
  DOM.dispatchEvent(element, DOM.createEvent(eventType));
}
开发者ID:Bogatinov,项目名称:angular,代码行数:3,代码来源:utils.ts

示例4: dispatchClick

 function dispatchClick(el) {
   dispatchedEvent = DOM.createMouseEvent('click');
   DOM.dispatchEvent(el, dispatchedEvent);
 }
开发者ID:gdi2290,项目名称:sample-Angular2,代码行数:4,代码来源:view_spec.ts


注:本文中的angular2/src/dom/dom_adapter.DOM.dispatchEvent方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。