Native Input Box for Mobile Web Focus Confusion
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile terminal apps face focus confusion issues when inputting information into input boxes on complex web pages, leading to inefficient and unreliable input operations.
Innovation Solution
The method involves creating a native input box at the native layer with attributes matching the page input box, allowing user input through this native box, and synchronizing the information back to the page input box, ensuring consistent and controllable input with encryption options.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If webkit-rendered input boxes are used on mobile terminal apps, then the input boxes can be displayed on web pages, but focus confusion occurs leading to unreliable input operations
Solution Approach 1:
The patent introduces a native input box as an intermediary component between the user and the web page input box. This native input box handles all focus events and input operations reliably, then synchronizes the data to the original web page input box through a bridge mechanism, eliminating the focus confusion problem while maintaining web page compatibility
Solution Approach 2:
The patent creates a copy of the web page input box in the form of a native input box. This copy has the same visual appearance and functionality but runs on the native layer where focus management is reliable. The copy synchronizes its state with the original input box, ensuring data consistency while avoiding the focus instability of the original
2Reliability
If native input boxes are created at the native layer, then focus confusion is eliminated and input reliability is improved, but the complexity of the input system increases
Solution Approach 1:
The patent segments the input system into two independent parts: a native input box layer for reliable focus handling and a web page input box layer for display and data synchronization. This segmentation allows each layer to operate independently with its own focus management, eliminating the complexity of managing focus across hybrid layers while maintaining reliability
Solution Approach 2:
The patent introduces a bridge mechanism as an intermediary that manages the interaction between the native input box and the web page input box. This bridge handles the synchronization logic and coordinate communication between layers, encapsulating the complexity within a dedicated component rather than distributing it throughout the entire system
Data Source
Figure 1~2
Figure 3
Figure 4~5
AI summary
An information input method and apparatus is provided. The method comprises: obtaining attribute information of a page input box, wherein the page input box is located at a front-end page of a mobile application (101); according to the attribute information, creating a native input box having the attribute information (102), wherein the native input box is created at a native layer; and filling information, input by a user through the native input box, back to the page input box (103), thus finally ensuring that the information is input rapidly and effectively.