Ignore "Input.GetAxis" input from certain area of the touchscreen

Questions & Answers
1

I’m using the following code to look around with the mouse in my WebGL app (Unity 2021.2):

void Update() {
    float mouseX = Input.GetAxis("Mouse X") * mouseSensitivity * Time.deltaTime;
    float mouseY = Input.GetAxis("Mouse Y") * mouseSensitivity * Time.deltaTime;
    xRotation -= mouseY;
    xRotation = Mathf.Clamp(xRotation,clampMin,clampMax); 
    transform.localRotation = Quaternion.Euler(xRotation, 0f, 0f);
    playerBody.Rotate(Vector3.up * mouseX);
}

I ran the app in an iOS browser and to my surprise it actually works and this code automatically uses touchscreen input instead of the regular mouse input to move the camera, so I also added a virtual joystick (this asset) but ran into a problem:

When I move the joystick, which is a child of the “Screen Space - Overlay” canvas, with Vector3 move = (transform.right * joystick.Horizontal + transform.forward * joystick.Vertical), the code above is also triggered and the camera moves.

How do I exclude touches on the virtual joystick or touches in a specific area of the screen (bottom left corner) from the Input.GetAxis code?