1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.getFocusNodeList = getFocusNodeList;
|
5 | exports.saveLastFocusNode = saveLastFocusNode;
|
6 | exports.clearLastFocusNode = clearLastFocusNode;
|
7 | exports.backLastFocusNode = backLastFocusNode;
|
8 | exports.limitTabRange = limitTabRange;
|
9 |
|
10 | var _keycode = require('./keycode');
|
11 |
|
12 | var _keycode2 = _interopRequireDefault(_keycode);
|
13 |
|
14 | var _object = require('./object');
|
15 |
|
16 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 | function _isVisible(node) {
|
29 | while (node) {
|
30 | var _node = node,
|
31 | nodeName = _node.nodeName;
|
32 |
|
33 | if (nodeName === 'BODY' || nodeName === 'HTML') {
|
34 | break;
|
35 | }
|
36 | if (node.style.display === 'none' || node.style.visibility === 'hidden') {
|
37 | return false;
|
38 | }
|
39 | node = node.parentNode;
|
40 | }
|
41 | return true;
|
42 | }
|
43 |
|
44 |
|
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 | function _isFocusable(node) {
|
51 | var nodeName = node.nodeName.toLowerCase();
|
52 | var tabIndex = parseInt(node.getAttribute('tabindex'), 10);
|
53 | var hasTabIndex = !isNaN(tabIndex) && tabIndex > -1;
|
54 |
|
55 | if (_isVisible(node)) {
|
56 | if (nodeName === 'input') {
|
57 | return !node.disabled && node.type !== 'hidden';
|
58 | } else if (['select', 'textarea', 'button'].indexOf(nodeName) > -1) {
|
59 | return !node.disabled;
|
60 | } else if (nodeName === 'a') {
|
61 | return node.getAttribute('href') || hasTabIndex;
|
62 | } else {
|
63 | return hasTabIndex;
|
64 | }
|
65 | }
|
66 | return false;
|
67 | }
|
68 |
|
69 |
|
70 |
|
71 |
|
72 |
|
73 |
|
74 | function getFocusNodeList(node) {
|
75 | var res = [];
|
76 | var nodeList = node.querySelectorAll('*');
|
77 |
|
78 | (0, _object.each)(nodeList, function (item) {
|
79 | if (_isFocusable(item)) {
|
80 | var method = item.getAttribute('data-auto-focus') ? 'unshift' : 'push';
|
81 | res[method](item);
|
82 | }
|
83 | });
|
84 |
|
85 | if (_isFocusable(node)) {
|
86 | res.unshift(node);
|
87 | }
|
88 |
|
89 | return res;
|
90 | }
|
91 |
|
92 |
|
93 | var lastFocusElement = null;
|
94 |
|
95 |
|
96 |
|
97 |
|
98 | function saveLastFocusNode() {
|
99 | lastFocusElement = document.activeElement;
|
100 | }
|
101 |
|
102 |
|
103 |
|
104 |
|
105 | function clearLastFocusNode() {
|
106 | lastFocusElement = null;
|
107 | }
|
108 |
|
109 |
|
110 |
|
111 |
|
112 | function backLastFocusNode() {
|
113 | if (lastFocusElement) {
|
114 | try {
|
115 |
|
116 | lastFocusElement.focus();
|
117 | } catch (e) {
|
118 |
|
119 | }
|
120 | }
|
121 | }
|
122 |
|
123 |
|
124 |
|
125 |
|
126 |
|
127 |
|
128 | function limitTabRange(node, e) {
|
129 | if (e.keyCode === _keycode2.default.TAB) {
|
130 | var tabNodeList = getFocusNodeList(node);
|
131 | var maxIndex = tabNodeList.length - 1;
|
132 | var index = tabNodeList.indexOf(document.activeElement);
|
133 |
|
134 | if (index > -1) {
|
135 | var targetIndex = index + (e.shiftKey ? -1 : 1);
|
136 | targetIndex < 0 && (targetIndex = maxIndex);
|
137 | targetIndex > maxIndex && (targetIndex = 0);
|
138 | tabNodeList[targetIndex].focus();
|
139 | e.preventDefault();
|
140 | }
|
141 | }
|
142 | } |
\ | No newline at end of file |