TypeScript hideOnEscapeOrOutsideClick.hideOnEscapeOrOutsideClick函数代码示例 ...

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中app/utils/hideOnEscapeOrOutsideClick.hideOnEscapeOrOutsideClick函数的典型用法代码示例。如果您正苦于以下问题：TypeScript hideOnEscapeOrOutsideClick函数的具体用法？TypeScript hideOnEscapeOrOutsideClick怎么用？TypeScript hideOnEscapeOrOutsideClick使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

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

示例1: createDatePickerButton

function createDatePickerButton(dateField) {
  var style = {
    width: '20px',
    height: '20px',
    padding: '0',
    border: 'none',
    backgroundColor: 'transparent',
    backgroundImage: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAF4VF24AAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAG9JREFUGBltTu0RgCAIFc4FWiHdoJ1sptqpWVrAg3x2eHTGDx+8DyQEVEqp9CbkNSvhwTiaV/PMLFnIsK9C0Ig54lW4GISvT0RJ906Q0iksV8MDbggsvDUs3VClLn6N9ZHjPc4BiU/tPJujuYF/mx55tzEWYjQMAAAAAABJRU5ErkJggg==")',
    backgroundPosition: '50% 50%',
    backgroundRepeat: 'no-repeat',
    marginTop: '2px',
    marginLeft: '-18px',
    position: 'absolute'
  };

  var attributes = {
    'title': 'Deschide calendarul'
  };

  var button = createDOMElement('button', style, attributes);

  makeShy(button);
  button.addEventListener('click', toggleDatePickerFor(dateField));
  hideOnEscapeOrOutsideClick(DatePicker.instance);

  return button;
}

开发者ID:gurdiga，项目名称:xo，代码行数:27，代码来源:DateFieldInput.ts

示例2: it

  it('works with a thing that has a `hide` method', function() {
    var thing = { hide: createSpy() };

    hideOnEscapeOrOutsideClick(thing);

    document.body.dispatchEvent(new Event('click'));
    assert.equal(thing.hide.calls.length, 1, 'calls thingâs hide method when clicking the body');

    simulateEscapeKey();
    assert.equal(thing.hide.calls.length, 2, 'calls thingâs hide method when pressing the Esc key');
  });

开发者ID:gurdiga，项目名称:xo，代码行数:11，代码来源:hideOnEscapeOrOutsideClickTest.ts

示例3: addEventListeners

function addEventListeners(toggleButton, optionList) {
  toggleButton.addEventListener('click', optionList.toggle);
  toggleButton.addEventListener('keydown', ifKey('ArrowDown', selectFirstOption));
  toggleButton.addEventListener('keydown', ifKey('ArrowUp', selectLastOption));
  toggleButton.addEventListener('keydown', ifKey('Enter', optionList.executeSelectedOption));
  hideOnEscapeOrOutsideClick(optionList);

  addFocusEffect(toggleButton, {
    boxShadow: 'rgb(181, 213, 255) 0px 0px 3px 2px'
  });

  function selectFirstOption() {
    optionList.show();
    optionList.selectNext();
  }

  function selectLastOption() {
    optionList.show();
    optionList.selectPrevious();
  }
}

开发者ID:gurdiga，项目名称:xo，代码行数:21，代码来源:DropdownButton.ts

示例4: hideOnEscapeOrOutsideClick

 assert.throws(function() {
   hideOnEscapeOrOutsideClick(42);
 },

开发者ID:gurdiga，项目名称:xo，代码行数:3，代码来源:hideOnEscapeOrOutsideClickTest.ts

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