Touch Event Model for Web Pages
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional mouse event handlers are inadequate for interpreting touch events generated by touch-sensitive devices, limiting the capabilities of web pages in responding to user interactions on multi-touch devices.
Innovation Solution
A touch event model is implemented, which processes touch inputs by associating touch event handlers with elements on a web page through the Document Object Model (DOM), allowing for the detection and processing of touch events such as touchstart, touchmove, and touchend, and combining them into gesture events, enabling developers to create interactive web applications on multi-touch devices.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If conventional mouse event handlers are used, then web pages can handle basic click events, but they cannot correctly interpret touch events from touch-sensitive devices
Solution Approach 1:
The patent changes the parameters of event handling by introducing a new touch event model with different event types (touchstart, touchmove, touchend) and properties (touch coordinates, touch pressure, multi-touch support) compared to traditional mouse events, enabling accurate interpretation of touch-sensitive device inputs
2Adaptability or versatility
If a new touch event model is implemented, then touch events can be correctly interpreted, but the complexity of event handling increases
Solution Approach 1:
The touch event model is designed to be universal by providing a standardized interface that works across different touch-sensitive devices and can handle multiple touch points simultaneously, while maintaining compatibility with existing web page structures through DOM integration
3Ease of operation
If touch event handlers are associated with DOM elements, then interactive web applications can respond to touch inputs, but the processing overhead increases
Solution Approach 1:
The patent implements preliminary action by pre-establishing the relationship between DOM elements and touch event handlers during page rendering, and by pre-processing touch coordinates into normalized values, which reduces processing overhead during actual touch interactions
Data Source
Figure 1A~1B
Figure 2
Figure 3
AI summary
One or more touch input signals can be obtained from a touch sensitive device. If the touch input signals are associated with one or more regions of a web page displayed on the touch sensitive device, a touch event associated with the regions of a web page is processed by the web page. Otherwise, the touch events can be processed by an application (e.g., a browser).