Lines Matching refs:focus

3 …focus management functionality for you to effectively manage the focus and defocus of the **Web** …
5 - Application scenarios of common APIs for controlling the focus of the **Web** component and ArkUI…
7 …focus for a **Web** component: When an application has multiple components, you can use [requestFo…
8 …2. Change the **Web** component style based on the focus state: The component listens for focus ev…
10 - Application scenarios of common APIs for controlling the focus of the HTML5 element in the **Web*…
12 …focus: You can define the focus sequence of elements in the **Web** component through the **tabind…
13 …. Update the focus position based on keyboard events: Listen for keyboard events, such as the **Ta…
14 …le in the Web component based on the focus state: Add styles, such as the border and background co…
17 …bout the focus, focus chain, and focus navigation of the **Web** component, see [Basic Concepts of…
20     - Component focus: unique interactive element on the current application UI.
21     - Element focus: unique interactive element on the current web page.
22 … using input devices such as a keyboard, a remote control, or a joystick, focus-based navigation a…
24 …- Focus navigation: refers to the behavior of focus shifting between components in an application.…
25 …focus navigation: refers to the behavior of focus shifting between elements on a web page. This be…
28 …tails, see [Focus Traversal Guidelines](../ui/arkts-common-events-focus-event.md#focus-traversal-g…
31 Refers to focus movement initiated by deliberate actions, such as keyboard shortcuts (Tab, Shift+Ta…
35 …s focus to a specific component. For details, see [Controlling the Focus of the Web Component and …
39 …- Supports focus traversal between **Web** and other components through the TAB, Shift+TAB, or arr…
40 …focus traversal among ArkWeb page elements through the TAB, Shift+TAB, or arrow keys. After the fo…
42 - Click/Touch for focus
44 …, the mouse, or touchpad to click/touch a **Web** component to obtain the focus. Elements in the *…
47 …focus traversal occurs when the focus automatically shifts due to system actions or other operatio…
49 Currently, passive focus traversal occurs in the following scenarios:
51 …e system tries to shift focus to the next available sibling, following a back-to-front order. If n…
53 …*, or **visibility** to invisible causes the system to automatically move focus to another focusab…
55 …r, page switchover, and navigation, a focused **Web** component will lose focus and be focused aga…
57 …**, **loadUrl**, and **loadData**, the focus is obtained by default. In this case, the **onFocus**…
61 …c-components-timepicker.md), drop-down list box, and dialog box, the **Web** component loses focus.
65 - [onFocus](../reference/apis-arkui/arkui-ts/ts-universal-focus-event.md#onfocus): common focus obt…
66 …s/ts-universal-focus-event.md#onblur): common defocus callback API on the application side. When a…
67 …rence/apis-arkweb/js-apis-webview.md#requestfocus): an API for requesting focus on the application…
70 1. requestFocus can be used to move the focus to the **Web** component.
71 2. The **onFocus** and **onBlur** APIs are usually used in pairs to listen for the focus changes of…
135 Use **requestfocus** to request focus, and change the border color of the **Web** component by list…
140 - Use the **focus** event of the W3C standards to detect whether an element is focused on a web pag…
142 addEventListener("focus", (event) => {});
146 - Use the **blur** event of the W3C standards to detect whether an element loses focus on a web pag…
152 - Use W3C **autofocus** to focus an element when the page is loaded or the **dialog** to which the …
195   "focus",
213 Example 2 **focus**/**blur** events
215 Change the input background color by listening for the W3C **focus** and **blur** events.