Multielement interaction method, apparatus and device and storage medium

An interactive method and interactive device technology, applied in the field of equipment and storage media, multi-element interaction methods, and devices, can solve problems such as blocking, video elements that cannot meet requirements, and lower elements that cannot respond

Pending Publication Date: 2018-04-06
GUANGZHOU SHIYUAN ELECTRONICS CO LTD +1
View PDF3 Cites 9 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0002] In the browser environment, the unit of rendering and event monitoring in the browser is the Document Object Model (DocumentObject Model, DOM) element, and the boundary of any standard element is a rectangle. When the interaction occurs outside the irregular element and in the DOM When the element is within the bounding rectangle of the element, and the user interaction event penetrates the element to directly interact with the underlying element, in the process of implementing the present invention, the inventor finds that there are at least the following problems in the prior art: the browser’s DOM element event monitoring will Block the interaction, causing the underlying elements to fail to respond
[0003] In this case, the usual situation is to render the multimedia video with a DOM element alone, but this will bring another defect. Since the multimedia video is rendered with a DOM element alone, this element must be located in all scalable vectors on the hierarchy Above or below the graphic (Scalable Vector Graphics, SVG) child element, when the requirement is that the hierarchical position of the video element is not at the top or at the bottom, the requirement cannot be met

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Multielement interaction method, apparatus and device and storage medium
  • Multielement interaction method, apparatus and device and storage medium
  • Multielement interaction method, apparatus and device and storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0032] Figure 1a It is a flow chart of a multi-element interaction method provided by Embodiment 1 of the present invention. This embodiment is applicable to the situation where multiple elements interact in a browser scene. This method can be implemented by the multi-element interaction device provided by the embodiment of the present invention To execute, the device may be implemented in software and / or hardware. refer to Figure 1a , the method may specifically include the following steps:

[0033] S110. If it is detected that the current operation object is at least two elements whose logical boundaries overlap, determine whether the position corresponding to the click operation in the current operation object is in the activation area of ​​the element, and if so, execute S120.

[0034] Among them, an element refers to any display content, including pictures, text, multimedia audio and video, plane collection shapes, and solid geometry, etc., a regular element refers to a...

Embodiment 2

[0047] Figure 2a It is a flow chart of a multi-element interaction method provided by Embodiment 2 of the present invention. On the basis of the above embodiments, this embodiment optimizes "determining the target element corresponding to the activation area according to the activation area". refer to Figure 2a , the method may specifically include the following steps:

[0048] S210. If it is detected that the current operation object is at least two elements whose logical boundaries overlap, determine whether the position corresponding to the click operation in the current operation object is in the active area of ​​the element, and if so, perform S220.

[0049] S220. Obtain the identification code of the element in the activation area according to the click operation.

[0050] Specifically, according to the click operation, the identification code of the element in the activation area is obtained, wherein each element corresponds to an identification code, and the elemen...

Embodiment 3

[0059] Figure 3a It is a flow chart of a multi-element interaction method provided by Embodiment 3 of the present invention. On the basis of the above embodiments, in this embodiment, when the operation on the target element that satisfies the set conditions is a drag operation, the " optimized in response to an operation on the target element that satisfies a set condition. refer to Figure 3a , the method may specifically include the following steps:

[0060] S310. When the current operation object is at least two elements whose logical boundaries overlap, determine whether the position corresponding to the click operation in the current operation object is in the active area of ​​the element, and if so, execute S320.

[0061] S320. Determine a target element corresponding to the activation area according to the activation area.

[0062] S330. Use the position of the identifier displayed on the current page by the dragging device at the end of the dragging operation as t...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The embodiment of the invention discloses a multielement interaction method, apparatus and device and a storage medium and relates to interaction technologies. The multielement interaction method comprises the steps that if it is detected that current operating objects are at least two elements coincident in logic boundary, and whether the corresponding positions of clicking operations in the current operating objects are located in an element activation area or not is judged; if yes, target elements corresponding to the activation area are determined according to the activation area; for responding to the operations conducted on the target elements and meeting set conditions, and the target elements are controlled to change display states according to editing instructions corresponding tothe operations, wherein the element activation area includes boundary lines of the elements and a closed area formed by the boundary lines, and logic boundaries are rectangular boundaries displayed when the elements are located in a selected state. In the multielement interaction process, the shortcomings are overcome that only rule elements are used and no response is given to lower-layer elements, and normal interaction of the elements is ensured.

Description

technical field [0001] The present invention relates to interaction technology, in particular to a multi-element interaction method, device, equipment and storage medium. Background technique [0002] In the browser environment, the unit of rendering and event monitoring in the browser is the Document Object Model (DocumentObject Model, DOM) element, and the boundary of any standard element is a rectangle. When the interaction occurs outside the irregular element and in the DOM When the element is within the bounding rectangle of the element, and the user interaction event penetrates the element to directly interact with the underlying element, in the process of implementing the present invention, the inventor finds that there are at least the following problems in the prior art: the browser’s DOM element event monitoring will Block this interaction, causing the underlying elements to be unresponsive. [0003] In this case, the usual situation is to render the multimedia vi...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F3/0484G06F17/30
CPCG06F3/04847G06F16/9577
Inventor 刘少杰
Owner GUANGZHOU SHIYUAN ELECTRONICS CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products