Unlock instant, AI-driven research and patent intelligence for your innovation.

Web page drag component positioning method, storage medium, electronic apparatus and system

A positioning method and positioning system technology, applied in the direction of website content management, network data retrieval, electronic digital data processing, etc., can solve problems such as unintuitive, complicated operations for non-professionals, and achieve the effect of accurate acquisition

Inactive Publication Date: 2019-01-15
WUHAN DOUYU NETWORK TECH CO LTD
View PDF6 Cites 3 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

When developers use webMarket to build pages in browsers, they often need to use hundreds of components to build a complete page. , it will be unintuitive at first, and the operation is very complicated for non-professionals

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
  • Web page drag component positioning method, storage medium, electronic apparatus and system
  • Web page drag component positioning method, storage medium, electronic apparatus and system
  • Web page drag component positioning method, storage medium, electronic apparatus and system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0031] The present invention will be described in further detail below in conjunction with the accompanying drawings and embodiments.

[0032] see figure 1 As shown, the embodiment of the present invention provides a drag-and-drop component positioning method in a webpage:

[0033] S1, monitor the component dragging start event in the webpage; when the component dragging start event occurs, obtain the component ID and version number of the component dragged by the user's mouse;

[0034] To realize the dragging effect in the web page, the drag event of the mouse component must be handled first. The first thing to start in the whole dragging process is that the mouse presses the left button on the component list, which means that the dragging starts, so the first thing to do is to bind Component drag-and-drop start event, to obtain which component the user wants to drag and drop, firstly delegate the monitoring of all component drag-and-drop start events to the body element of ...

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 invention discloses a web page drag component positioning method, a storage medium, an electronic apparatus and a system, which relate to the technical field of web page layout. The method comprises the steps of monitoring a component drag start event in the web page; when the component drag start event occurs, obtaining the component ID and version number of the mouse drag component; when thedrop event of the mouse drag component occurs, getting the hierarchy in the page when the component is dropped; obtaining the positional relationship between mouse drag component and peers thereof through comparison, and determining the positional order of mouse drag component in the hierarchy. It is convenient and accurate to obtain the hierarchy and positional order of mouse drag components.

Description

technical field [0001] The invention relates to the technical field of webpage layout, in particular to a method for locating a drag-and-drop component in a webpage, a storage medium, an electronic device and a system. Background technique [0002] webMarket is an online platform for developers to build web pages by dragging and dropping page presentation components. The platform can be accessed and used in a browser. The platform provides a large number of visual basic element components of the page. It only needs to be properly configured to complete relevant functions or display relevant content, such as text components, image components, and so on. Drag the components to the corresponding position on the canvas by mouse operation, and then use the property editor to edit the components, and finally assemble a complete page for preview and release. [0003] The pages built by webMarket are composed of components according to a certain level and order, and the arrangement...

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
IPC IPC(8): G06F3/0486G06F16/958
CPCG06F3/0486
Inventor 王迪陈少杰张文明
Owner WUHAN DOUYU NETWORK TECH CO LTD