# @ohos.multimodalInput.pointer (Mouse Pointer) The **pointer** module provides APIs related to pointer attribute management, such as querying and setting pointer attributes. > **NOTE** > > The initial APIs of this module are supported since API version 9. Newly added APIs will be marked with a superscript to indicate their earliest API version. ## Modules to Import ```js import { pointer } from '@kit.InputKit'; ``` ## pointer.setPointerVisible setPointerVisible(visible: boolean, callback: AsyncCallback<void>): void Sets the visible status of the mouse pointer. This API uses an asynchronous callback to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | -------- | ------------------------- | ---- | ---------------------------------------- | | visible | boolean | Yes | Whether the mouse pointer is visible. The value **true** indicates that the mouse pointer is visible, and the value **false** indicates the opposite.| | callback | AsyncCallback<void> | Yes | Callback used to return the result.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | | 801 | Capability not supported. | **Example** ```js try { pointer.setPointerVisible(true, (error: Error) => { if (error) { console.error(`Set pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); return; } console.log(`Set pointer visible success`); }); } catch (error) { console.error(`Set pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.setPointerVisible setPointerVisible(visible: boolean): Promise<void> Sets the visible status of the mouse pointer. This API uses a promise to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ------- | ------- | ---- | ---------------------------------------- | | visible | boolean | Yes | Whether the mouse pointer is visible. The value **true** indicates that the mouse pointer is visible, and the value **false** indicates the opposite.| **Return value** | Type | Description | | ------------------- | ------------------- | | Promise<void> | Promise that returns no value.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | | 801 | Capability not supported. | **Example** ```js try { pointer.setPointerVisible(false).then(() => { console.log(`Set pointer visible success`); }); } catch (error) { console.error(`Set pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.setPointerVisibleSync10+ setPointerVisibleSync(visible: boolean): void Sets the visible status of the mouse pointer. This API returns the result synchronously. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ------- | ------- | ---- | ---------------------------------------- | | visible | boolean | Yes | Whether the mouse pointer is visible. The value **true** indicates that the mouse pointer is visible, and the value **false** indicates the opposite.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js try { pointer.setPointerVisibleSync(false); console.log(`Set pointer visible success`); } catch (error) { console.error(`Set pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.isPointerVisible isPointerVisible(callback: AsyncCallback<boolean>): void Obtains the visible status of the mouse pointer. This API uses an asynchronous callback to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | -------- | ---------------------------- | ---- | -------------- | | callback | AsyncCallback<boolean> | Yes | Callback used to return the result. The value **true** indicates that the mouse pointer is visible, and the value **false** indicates the opposite.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js try { pointer.isPointerVisible((error: Error, visible: boolean) => { if (error) { console.error(`Get pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); return; } console.log(`Get pointer visible success, visible: ${JSON.stringify(visible)}`); }); } catch (error) { console.error(`Get pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.isPointerVisible isPointerVisible(): Promise<boolean> Obtains the visible status of the mouse pointer. This API uses a promise to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Return value** | Type | Description | | ---------------------- | ------------------- | | Promise<boolean> | Promise used to return the visible status of the mouse pointer. The value **true** indicates that the mouse pointer is visible, and the value **false** indicates the opposite.| **Example** ```js try { pointer.isPointerVisible().then((visible: boolean) => { console.log(`Get pointer visible success, visible: ${JSON.stringify(visible)}`); }); } catch (error) { console.error(`Get pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.isPointerVisibleSync10+ isPointerVisibleSync(): boolean Obtains the visible status of the mouse pointer. This API returns the result synchronously. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Return value** | Type | Description | | ---------------------- | ------------------- | | boolean | Visible status of the mouse pointer. The value **true** indicates that the mouse pointer is visible, and the value **false** indicates the opposite.| **Example** ```js try { let visible: boolean = pointer.isPointerVisibleSync(); console.log(`Get pointer visible success, visible: ${JSON.stringify(visible)}`); } catch (error) { console.error(`Get pointer visible failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.getPointerStyle getPointerStyle(windowId: number, callback: AsyncCallback<PointerStyle>): void Obtains the mouse pointer style. This API uses an asynchronous callback to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | -------- | ---------------------------------------- | ---- | -------------- | | windowId | number | Yes | Window ID. The value is an integer greater than or equal to **-1**. The value **-1** indicates the global window. | | callback | AsyncCallback<[PointerStyle](#pointerstyle)> | Yes | Callback used to return the mouse pointer style.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { if (error.code) { console.error('Failed to obtain the top window. Cause: ' + JSON.stringify(error)); return; } let windowId = win.getWindowProperties().id; if (windowId < 0) { console.log(`Invalid windowId`); return; } try { pointer.getPointerStyle(windowId, (error: Error, style: pointer.PointerStyle) => { console.log(`Get pointer style success, style: ${JSON.stringify(style)}`); }); } catch (error) { console.error(`Get pointer style failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); ``` ## pointer.getPointerStyle getPointerStyle(windowId: number): Promise<PointerStyle> Obtains the mouse pointer style. This API uses a promise to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory| Description | | -------- | ------ | ---- | -------- | | windowId | number | Yes | Window ID.| **Return value** | Type | Description | | ---------------------------------------- | ------------------- | | Promise<[PointerStyle](#pointerstyle)> | Promise used to return the mouse pointer style.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { if (error.code) { console.error('Failed to obtain the top window. Cause: ' + JSON.stringify(error)); return; } let windowId = win.getWindowProperties().id; if (windowId < 0) { console.log(`Invalid windowId`); return; } try { pointer.getPointerStyle(windowId).then((style: pointer.PointerStyle) => { console.log(`Get pointer style success, style: ${JSON.stringify(style)}`); }); } catch (error) { console.error(`Get pointer style failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); ``` ## pointer.getPointerStyleSync10+ getPointerStyleSync(windowId: number): PointerStyle Obtains the mouse pointer style, such as the east arrow, west arrow, south arrow, and north arrow. This API returns the result synchronously. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory| Description | | -------- | ------ | ---- | -------- | | windowId | number | Yes | Window ID.
The default value is **-1**, indicating the global mouse pointer style.| **Return value** | Type | Description | | ---------------------------------------- | ------------------- | | [PointerStyle](#pointerstyle) | Mouse pointer style.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { pointer } from '@kit.InputKit'; let windowId = -1; try { let style: pointer.PointerStyle = pointer.getPointerStyleSync(windowId); console.log(`Get pointer style success, style: ${JSON.stringify(style)}`); } catch (error) { console.error(`Get pointer style failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } ``` ## pointer.setPointerStyle setPointerStyle(windowId: number, pointerStyle: PointerStyle, callback: AsyncCallback<void>): void Sets the mouse pointer style. This API uses an asynchronous callback to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ------------ | ------------------------------ | ---- | ----------------------------------- | | windowId | number | Yes | Window ID. | | pointerStyle | [PointerStyle](#pointerstyle) | Yes | Pointer style. | | callback | AsyncCallback<void> | Yes | Callback used to return the result.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { if (error.code) { console.error('Failed to obtain the top window. Cause: ' + JSON.stringify(error)); return; } let windowId = win.getWindowProperties().id; if (windowId < 0) { console.log(`Invalid windowId`); return; } try { pointer.setPointerStyle(windowId, pointer.PointerStyle.CROSS, error => { console.log(`Set pointer style success`); }); } catch (error) { console.error(`Set pointer style failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); ``` ## pointer.setPointerStyle setPointerStyle(windowId: number, pointerStyle: PointerStyle): Promise<void> Sets the mouse pointer style. This API uses a promise to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ------------------- | ------------------------------ | ---- | ---------------- | | windowId | number | Yes | Window ID. | | pointerStyle | [PointerStyle](#pointerstyle) | Yes | Pointer style. | **Return value** | Type | Description | | ------------------- | ------------------- | | Promise<void> | Promise that returns no value.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { if (error.code) { console.error('Failed to obtain the top window. Cause: ' + JSON.stringify(error)); return; } let windowId = win.getWindowProperties().id; if (windowId < 0) { console.log(`Invalid windowId`); return; } try { pointer.setPointerStyle(windowId, pointer.PointerStyle.CROSS).then(() => { console.log(`Set pointer style success`); }); } catch (error) { console.error(`Set pointer style failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); ``` ## pointer.setPointerStyleSync10+ setPointerStyleSync(windowId: number, pointerStyle: PointerStyle): void Sets the mouse pointer style. This API returns the result synchronously. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ------------------- | ------------------------------ | ---- | ---------------- | | windowId | number | Yes | Window ID. | | pointerStyle | [PointerStyle](#pointerstyle) | Yes | Pointer style. | **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { if (error.code) { console.error('Failed to obtain the top window. Cause: ' + JSON.stringify(error)); return; } let windowId = win.getWindowProperties().id; if (windowId < 0) { console.log(`Invalid windowId`); return; } try { pointer.setPointerStyleSync(windowId, pointer.PointerStyle.CROSS); console.log(`Set pointer style success`); } catch (error) { console.error(`getPointerSize failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); ``` ## PrimaryButton10+ Type of the primary mouse button. **System capability**: SystemCapability.MultimodalInput.Input.Pointer | Name | Value | Description | | -------------------------------- | ---- | ------ | | LEFT | 0 | Left button. | | RIGHT | 1 | Right button. | ## RightClickType10+ Enumerates shortcut menu triggering modes. **System capability**: SystemCapability.MultimodalInput.Input.Pointer | Name | Value | Description | | -------------------------------- | ---- | ------ | | TOUCHPAD_RIGHT_BUTTON | 1 |Tapping the right-button area of the touchpad.| | TOUCHPAD_LEFT_BUTTON | 2 |Tapping the left-button area of the touchpad.| | TOUCHPAD_TWO_FINGER_TAP | 3 |Tapping or pressing the touchpad with two fingers.| | TOUCHPAD_TWO_FINGER_TAP_OR_RIGHT_BUTTON20+ | 4 |Tapping or pressing the touchpad with two fingers, or tapping the right-button area of the touchpad.| | TOUCHPAD_TWO_FINGER_TAP_OR_LEFT_BUTTON20+ | 5 |Tapping or pressing the touchpad with two fingers, or tapping the left-button area of the touchpad.| ## PointerStyle Enumerates mouse pointer styles. **System capability**: SystemCapability.MultimodalInput.Input.Pointer | Name | Value | Description |Legend| | -------------------------------- | ---- | ------ |------ | | DEFAULT | 0 | Default |![Default.png](./figures/Default.png)| | EAST | 1 | East arrow |![East.png](./figures/East.png)| | WEST | 2 | West arrow |![West.png](./figures/West.png)| | SOUTH | 3 | South arrow |![South.png](./figures/South.png)| | NORTH | 4 | North arrow |![North.png](./figures/North.png)| | WEST_EAST | 5 | West-east arrow |![West_East.png](./figures/West_East.png)| | NORTH_SOUTH | 6 | North-south arrow |![North_South.png](./figures/North_South.png)| | NORTH_EAST | 7 | North-east arrow |![North_East.png](./figures/North_East.png)| | NORTH_WEST | 8 | North-west arrow |![North_West.png](./figures/North_West.png)| | SOUTH_EAST | 9 | South-east arrow |![South_East.png](./figures/South_East.png)| | SOUTH_WEST | 10 | South-west arrow |![South_West.png](./figures/South_West.png)| | NORTH_EAST_SOUTH_WEST | 11 | North-east and south-west adjustment|![North_East_South_West.png](./figures/North_East_South_West.png)| | NORTH_WEST_SOUTH_EAST | 12 | North-west and south-east adjustment|![North_West_South_East.png](./figures/North_West_South_East.png)| | CROSS | 13 | Cross (accurate selection) |![Cross.png](./figures/Cross.png)| | CURSOR_COPY | 14 | Copy |![Copy.png](./figures/Copy.png)| | CURSOR_FORBID | 15 | Forbid |![Forbid.png](./figures/Forbid.png)| | COLOR_SUCKER | 16 | Sucker |![Colorsucker.png](./figures/Colorsucker.png)| | HAND_GRABBING | 17 | Grabbing hand |![Hand_Grabbing.png](./figures/Hand_Grabbing.png)| | HAND_OPEN | 18 | Opening hand |![Hand_Open.png](./figures/Hand_Open.png)| | HAND_POINTING | 19 | Hand-shaped pointer |![Hand_Poniting.png](./figures/Hand_Pointing.png)| | HELP | 20 | Help |![Help.png](./figures/Help.png)| | MOVE | 21 | Move |![Move.png](./figures/Move.png)| | RESIZE_LEFT_RIGHT | 22 | Left and right resizing|![Resize_Left_Right.png](./figures/Resize_Left_Right.png)| | RESIZE_UP_DOWN | 23 | Up and down resizing|![Resize_Up_Down.png](./figures/Resize_Up_Down.png)| | SCREENSHOT_CHOOSE | 24 | Screenshot crosshair|![Screenshot_Cross.png](./figures/Screenshot_Cross.png)| | SCREENSHOT_CURSOR | 25 | Screenshot |![Screenshot_Cursor.png](./figures/Screenshot_Cursor.png)| | TEXT_CURSOR | 26 | Text selection |![Text_Cursor.png](./figures/Text_Cursor.png)| | ZOOM_IN | 27 | Zoom in |![Zoom_In.png](./figures/Zoom_In.png)| | ZOOM_OUT | 28 | Zoom out |![Zoom_Out.png](./figures/Zoom_Out.png)| | MIDDLE_BTN_EAST | 29 | Scrolling east |![MID_Btn_East.png](./figures/MID_Btn_East.png)| | MIDDLE_BTN_WEST | 30 | Scrolling west |![MID_Btn_West.png](./figures/MID_Btn_West.png)| | MIDDLE_BTN_SOUTH | 31 | Scrolling south | ![MID_Btn_South.png](./figures/MID_Btn_South.png) | | MIDDLE_BTN_NORTH | 32 | Scrolling north |![MID_Btn_North.png](./figures/MID_Btn_North.png)| | MIDDLE_BTN_NORTH_SOUTH | 33 | Scrolling north-south |![MID_Btn_North_South.png](./figures/MID_Btn_North_South.png)| | MIDDLE_BTN_NORTH_EAST | 34 | Scrolling north-east |![MID_Btn_North_East.png](./figures/MID_Btn_North_East.png)| | MIDDLE_BTN_NORTH_WEST | 35 | Scrolling north-west |![MID_Btn_North_West.png](./figures/MID_Btn_North_West.png)| | MIDDLE_BTN_SOUTH_EAST | 36 | Scrolling south-east |![MID_Btn_South_East.png](./figures/MID_Btn_South_East.png)| | MIDDLE_BTN_SOUTH_WEST | 37 | Scrolling south-west |![MID_Btn_South_West.png](./figures/MID_Btn_South_West.png)| | MIDDLE_BTN_NORTH_SOUTH_WEST_EAST | 38 | Moving as a cone in four directions|![MID_Btn_North_South_West_East.png](./figures/MID_Btn_North_South_West_East.png)| | HORIZONTAL_TEXT_CURSOR10+ | 39 | Horizontal text selection|![Horizontal_Text_Cursor.png](./figures/Horizontal_Text_Cursor.png)| | CURSOR_CROSS10+ | 40 | Cross|![Cursor_Cross.png](./figures/Cursor_Cross.png)| | CURSOR_CIRCLE10+ | 41 | Circle|![Cursor_Circle.png](./figures/Cursor_Circle.png)| | LOADING10+ | 42 | Animation loading|![Loading.png](./figures/Loading.png)
**Atomic service API**: This API can be used in atomic services since API version 12.| | RUNNING10+ | 43 | Animation running in the background|![Running.png](./figures/Running.png)
**Atomic service API**: This API can be used in atomic services since API version 12.| | MIDDLE_BTN_EAST_WEST18+ | 44 | Scrolling east-west|![MID_Btn_East_West.png](./figures/MID_Btn_East_West.png)| ## pointer.setCustomCursor11+ setCustomCursor(windowId: number, pixelMap: image.PixelMap, focusX?: number, focusY?: number): Promise<void> Sets the custom cursor style. This API uses a promise to return the result. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ----- | ------ | ---- | ----------------------------------- | | windowId | number | Yes | Window ID. | | pixelMap | [image.PixelMap](../apis-image-kit/js-apis-image.md#pixelmap7) | Yes | Pixel map resource.| | focusX | number | No | Focus x of the custom cursor. The value is greater than or equal to **0**. The default value is **0**.| | focusY | number | No | Focus y of the custom cursor. The value is greater than or equal to **0**. The default value is **0**.| **Return value** | Type | Description | | ------------------- | ---------------- | | Promise<void> | Promise that returns no value.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { image } from '@kit.ImageKit'; import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; // app_icon is an example resource. Configure the resource file based on the actual requirements. this.getUIContext()?.getHostContext()?.resourceManager.getMediaContent($r("app.media.app_icon")).then((svgFileData) => { const svgBuffer: ArrayBuffer = svgFileData.buffer.slice(0); let svgImagesource: image.ImageSource = image.createImageSource(svgBuffer); let svgDecodingOptions: image.DecodingOptions = {desiredSize: { width: 50, height:50 }}; svgImagesource.createPixelMap(svgDecodingOptions).then((pixelMap) => { window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { let windowId = win.getWindowProperties().id; try { pointer.setCustomCursor(windowId, pixelMap).then(() => { console.log(`setCustomCursor success`); }); } catch (error) { console.error(`setCustomCursor failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); }); }); ``` ## CustomCursor15+ Pixel map resource. **System capability**: SystemCapability.MultimodalInput.Input.Pointer | Name | Type | Readable | Writable | Description | | -------- | ------- | -------- | -------- | ------- | | pixelMap | [image.PixelMap](../apis-image-kit/js-apis-image.md#pixelmap7) | No | No | Defines a custom cursor. The minimum size is subject to the minimum limit of the image. The maximum size is 256 x 256 px.| | focusX | number | No | Yes | Horizontal coordinate of the cursor focus. The coordinates are restricted by the size of the custom cursor. The minimum value is **0**, and the maximum value is the maximum width of the image. The default value is **0** if the parameter is left empty.| | focusY | number | No | Yes | Vertical coordinate of the cursor focus. The coordinates are restricted by the size of the custom cursor. The minimum value is **0**, and the maximum value is the maximum height of the image. The default value is **0** if the parameter is left empty.| ## CursorConfig15+ Defines the custom cursor configuration. **System capability**: SystemCapability.MultimodalInput.Input.Pointer | Name | Type | Readable | Writable | Description | | -------- | ------- | -------- | -------- | ------- | | followSystem | boolean | No | No | Whether to adjust the cursor size based on system settings. The value **true** means to adjust the cursor size based on system settings, and the value **false** means to use the custom cursor size. The adjustment range is [size of the cursor image, 256 x 256].| ## pointer.setCustomCursor15+ setCustomCursor(windowId: number, cursor: CustomCursor, config: CursorConfig): Promise<void> Sets the custom cursor style. This API uses a promise to return the result. The cursor may be switched back to the system style in the following cases: application window layout change, hot zone switching, page redirection, moving of the cursor out of the window and then back to the window, or moving of the cursor in different areas of the window. In this case, you need to reset the cursor style. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | -------- | -------- | -------- | -------- | | windowId | number | Yes | Window ID. | | cursor | [CustomCursor](js-apis-pointer.md#customcursor15) | Yes | Pixel map resource.| | config | [CursorConfig](js-apis-pointer.md#cursorconfig15) | Yes | Custom cursor configuration, which specifies whether to adjust the cursor size based on system settings. If **followSystem** in **CursorConfig** is set to **true**, the supported adjustment range is [size of the cursor image, 256 x 256].| **Return value** | Type | Description | | ------------------- | ---------------- | | Promise<void> | Promise that returns no value.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md) and [Input Device Error Codes](./errorcode-inputdevice.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Abnormal windowId parameter passed in. 2. Abnormal pixelMap parameter passed in; 3. Abnormal focusX parameter passed in.4. Abnormal focusY parameter passed in. | | 26500001 | Invalid windowId. | **Example** ```js import { image } from '@kit.ImageKit'; import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; // app_icon is an example resource. Configure the resource file based on the actual requirements. this.getUIContext()?.getHostContext()?.resourceManager.getMediaContent($r("app.media.app_icon")).then((svgFileData) => { const svgBuffer: ArrayBuffer = svgFileData.buffer.slice(0); let svgImagesource: image.ImageSource = image.createImageSource(svgBuffer); let svgDecodingOptions: image.DecodingOptions = {desiredSize: { width: 50, height:50 }}; svgImagesource.createPixelMap(svgDecodingOptions).then((pixelMap) => { window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { let windowId = win.getWindowProperties().id; try { pointer.setCustomCursor(windowId, {pixelMap: pixelMap, focusX: 25, focusY: 25}, {followSystem: false}).then(() => { console.log(`setCustomCursor success`); }); } catch (error) { console.error(`setCustomCursor failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); }); }); ``` ## pointer.setCustomCursorSync11+ setCustomCursorSync(windowId: number, pixelMap: image.PixelMap, focusX?: number, focusY?: number): void Sets a custom cursor. This API returns the result synchronously. **System capability**: SystemCapability.MultimodalInput.Input.Pointer **Parameters** | Name | Type | Mandatory | Description | | ----- | ------ | ---- | ----------------------------------- | | windowId | number | Yes | Window ID. The value must be an integer greater than 0. | | pixelMap | [image.PixelMap](../apis-image-kit/js-apis-image.md#pixelmap7) | Yes | Pixel map resource.| | focusX | number | No | Focus x of the custom cursor. The value is greater than or equal to **0**. The default value is **0**.| | focusY | number | No | Focus y of the custom cursor. The value is greater than or equal to **0**. The default value is **0**.| **Error codes** For details about the error codes, see [Universal Error Codes](../errorcode-universal.md). | ID | Error Message | | ---- | --------------------- | | 401 | Parameter error. Possible causes: 1. Mandatory parameters are left unspecified;2. Incorrect parameter types; 3. Parameter verification failed. | **Example** ```js import { image } from '@kit.ImageKit'; import { BusinessError } from '@kit.BasicServicesKit'; import { window } from '@kit.ArkUI'; // app_icon is an example resource. Configure the resource file based on the actual requirements. const svgFileData = this.getUIContext()?.getHostContext()?.resourceManager.getMediaContent($r("app.media.app_icon")).then((svgFileData) => { const svgBuffer: ArrayBuffer = svgFileData.buffer.slice(0); let svgImagesource: image.ImageSource = image.createImageSource(svgBuffer); let svgDecodingOptions: image.DecodingOptions = {desiredSize: { width: 50, height:50 }}; svgImagesource.createPixelMap(svgDecodingOptions).then((pixelMap) => { window.getLastWindow(this.getUIContext().getHostContext(), (error: BusinessError, win: window.Window) => { let windowId = win.getWindowProperties().id; try { pointer.setCustomCursorSync(windowId, pixelMap, 25, 25); console.log(`setCustomCursorSync success`); } catch (error) { console.error(`setCustomCursorSync failed, error: ${JSON.stringify(error, [`code`, `message`])}`); } }); }); }); ```