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


TypeScript NativeEvents.click方法代码示例

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


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

示例1: function

const sketch = function (editor): SketchSpec {
  const pickerDom = {
    tag: 'input',
    attributes: { accept: 'image/*', type: 'file', title: '' },
     // Visibility hidden so that it cannot be seen, and position absolute so that it doesn't
    // disrupt the layout
    styles: { visibility: 'hidden', position: 'absolute' }
  };

  const memPicker = Memento.record({
    dom: pickerDom,
    events: AlloyEvents.derive([
      // Stop the event firing again at the button level
      AlloyEvents.cutter(NativeEvents.click()),

      AlloyEvents.run(NativeEvents.change(), function (picker, simulatedEvent) {
        extractBlob(simulatedEvent).each(function (blob) {
          addImage(editor, blob);
        });
      })
    ])
  });

  return Button.sketch({
    dom: Buttons.getToolbarIconButton('image', editor),
    components: [
      memPicker.asSpec()
    ],
    action (button) {
      const picker = memPicker.get(button);
      // Trigger a dom click for the file input
      picker.element().dom().click();
    }
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:35,代码来源:ImagePicker.ts

示例2:

 return Step.sync(function () {
   const button = UiFinder.findIn(alloy.element(), '[role="button"]').getOrDie();
   const x = alloy.getByDom(button).getOrDie();
   AlloyTriggers.emit(x, NativeEvents.click());
 });
开发者ID:abstask,项目名称:tinymce,代码行数:5,代码来源:TestUi.ts


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