Ladybird/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-06-09 17:44:56 +09:00
Code Activity

Base: Navigate DOM tree with arrows

Browse source
This commit is contained in:
Chase Willden 2024-09-26 19:35:58 -06:00 • committed by Sam Atkins
parent 579a289d3d
commit 9d82e81124
Notes: github-actions[bot] 2024-09-27 12:34:28 +00:00
1 changed files with 34 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

51
Base/res/ladybird/inspector.js
View file

@ -767,31 +767,48 @@ document.addEventListener("DOMContentLoaded", () => {
document.addEventListener("keydown", event => { document.addEventListener("keydown", event => {
const UP_ARROW_KEYCODE = 38; const UP_ARROW_KEYCODE = 38;
const DOWN_ARROW_KEYCODE = 40; const DOWN_ARROW_KEYCODE = 40;
const RIGHT_ARROW_KEYCODE = 39;
const LEFT_ARROW_KEYCODE = 37;
const RETURN_KEYCODE = 13; const RETURN_KEYCODE = 13;
const SPACE_KEYCODE = 32; const SPACE_KEYCODE = 32;
const move = delta => {
let selectedIndex = visibleDOMNodes.indexOf(selectedDOMNode);
if (selectedIndex < 0) {
return;
}
let newIndex = selectedIndex + delta;
if (visibleDOMNodes[newIndex]) {
inspectDOMNode(visibleDOMNodes[newIndex]);
}
};
if (document.activeElement.tagName !== "INPUT") { if (document.activeElement.tagName !== "INPUT") {
if (event.keyCode == UP_ARROW_KEYCODE || event.keyCode == DOWN_ARROW_KEYCODE) { const isSummary = selectedDOMNode.parentNode.tagName === "SUMMARY";
let selectedIndex = visibleDOMNodes.indexOf(selectedDOMNode); const isDiv = selectedDOMNode.parentNode.tagName === "DIV";
if (selectedIndex < 0) {
return;
}
let newIndex; if (event.keyCode == UP_ARROW_KEYCODE) {
move(-1);
if (event.keyCode == UP_ARROW_KEYCODE) { } else if (event.keyCode == DOWN_ARROW_KEYCODE) {
newIndex = selectedIndex - 1; move(1);
} else if (event.keyCode == DOWN_ARROW_KEYCODE) {
newIndex = selectedIndex + 1;
}
if (visibleDOMNodes[newIndex]) {
inspectDOMNode(visibleDOMNodes[newIndex]);
}
} else if (event.keyCode == RETURN_KEYCODE || event.keyCode == SPACE_KEYCODE) { } else if (event.keyCode == RETURN_KEYCODE || event.keyCode == SPACE_KEYCODE) {
if (selectedDOMNode.parentNode.tagName === "SUMMARY") { if (isSummary) {
selectedDOMNode.parentNode.click(); selectedDOMNode.parentNode.click();
} }
} else if (event.keyCode == RIGHT_ARROW_KEYCODE) {
if (isSummary && selectedDOMNode.parentNode.parentNode.open === false) {
selectedDOMNode.parentNode.click();
} else if (selectedDOMNode.parentNode.parentNode.open === true && !isDiv) {
move(1);
}
} else if (event.keyCode == LEFT_ARROW_KEYCODE) {
if (isSummary && selectedDOMNode.parentNode.parentNode.open === true) {
selectedDOMNode.parentNode.click();
} else if (selectedDOMNode.parentNode.parentNode.open === false || isDiv) {
move(-1);
}
} }
} }
}); });