Removed prev and next element finding errors
parent
d05395dc54
commit
e3ff6a13b0
|
@ -92,7 +92,7 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
moveToPrev(event) {
|
moveToPrev(event) {
|
||||||
var prevInput = this.findPrevInput(event.target);
|
let prevInput = this.findPrevInput(event.target);
|
||||||
|
|
||||||
if (prevInput) {
|
if (prevInput) {
|
||||||
prevInput.focus();
|
prevInput.focus();
|
||||||
|
@ -100,7 +100,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
moveToNext(event) {
|
moveToNext(event) {
|
||||||
var nextInput = this.findNextInput(event.target);
|
let nextInput = this.findNextInput(event.target);
|
||||||
|
|
||||||
if (nextInput) {
|
if (nextInput) {
|
||||||
nextInput.focus();
|
nextInput.focus();
|
||||||
|
@ -108,12 +108,16 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
findNextInput(element) {
|
findNextInput(element) {
|
||||||
var nextElement = element.nextElementSibling;
|
let nextElement = element.nextElementSibling;
|
||||||
|
|
||||||
|
if (!nextElement) return;
|
||||||
|
|
||||||
return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);
|
return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);
|
||||||
},
|
},
|
||||||
findPrevInput(element) {
|
findPrevInput(element) {
|
||||||
var prevElement = element.previousElementSibling;
|
let prevElement = element.previousElementSibling;
|
||||||
|
|
||||||
|
if (!prevElement) return;
|
||||||
|
|
||||||
return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);
|
return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);
|
||||||
},
|
},
|
||||||
|
|
|
@ -23,7 +23,11 @@
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><i>left arrow</i></td>
|
<td><i>left arrow</i></td>
|
||||||
<td>Moves focus to the next previous element.</td>
|
<td>Moves focus to the previous input element.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i>backspace</i></td>
|
||||||
|
<td>Deletes the input and moves focus to the previous input element.</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
Loading…
Reference in New Issue