Mobile Browser Input Box Relocation Mechanism
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing methods for relocating an input box in a mobile terminal browser fail to accurately position it when the input method interface covers the input box, leading to user experience degradation, especially when the input box is at the bottom of the screen, causing visibility issues and blank regions, and are not adaptable to various screen resolutions or verification codes.
Innovation Solution
A method that calculates the position of the input box relative to the input method interface and designates a target position to ensure the input box is visible by scrolling the web page or canvas, ensuring the lower edge of the input box aligns with the upper edge of the input method interface when covered, thereby avoiding blank regions and maintaining visibility of verification codes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If the web page is moved upward by a preset distance when the input method interface pops up, then the input box becomes visible to the user, but a blank region appears below the designated target position of the input box and verification codes may become invisible
Solution Approach 1:
The patent calculates and designates the target position of the input box before the input method interface pops up. By determining the position relationship in advance and pre-calculating the target position, the system avoids the need for post-adjustment movements that would create blank regions or hide verification codes.
Solution Approach 2:
The patent implements a feedback mechanism by calculating the position relationship between the input box and input method interface, determining whether the input box is covered, and then designating an appropriate target position based on this feedback. This ensures the input box is visible without creating blank regions or hiding verification codes.
2Reliability
If the input box is relocated to ensure visibility, then the input box can be seen by the user, but the verification code above the input box may move beyond the screen and become invisible
Solution Approach 1:
The patent considers the position relationship between the input box, verification code, and input method interface when designating the target position. By calculating whether the verification code would remain visible after relocation, the system adjusts the target position to ensure both the input box and verification code remain within the visible screen area.
3Ease of manufacture
If a control is created at the position of the input box, then the input method interface can be displayed, but the input box still cannot be displayed in a visible region when it is at the bottom of the screen
Solution Approach 1:
The patent calculates and designates the target position of the input box before the input method interface is displayed. By determining the position relationship in advance and pre-calculating the target position, the system ensures the input box is relocated to a visible position before the input method interface obscures it.
Data Source
AI summary
A method for relocating an input box to a target position in a mobile terminal browser comprises: when a user clicks an input box in a browsed web page and an input method interface pops up, calculating a position of the input box relative to the input method interface and determining whether the input box is partially or completely covered by the input method interface; designating a target position of the input box according to a position of the input method interface, when the input box is partially or completely covered by the input method interface; and rendering the input box at the target position by scrolling the browsed web page and/or canvas. By the invention, when a user clicks an input box and an input method interface pops up, the input box can be relocated and displayed at a reasonable position and be completely visible to the user.