本文整理汇总了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;
}示例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');
});示例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();
}
}示例4: hideOnEscapeOrOutsideClick
assert.throws(function() {
hideOnEscapeOrOutsideClick(42);
},