CN110399077A - Element processing method and processing device, storage medium, electronic device - Google Patents
Element processing method and processing device, storage medium, electronic device Download PDFInfo
- Publication number
- CN110399077A CN110399077A CN201910678374.1A CN201910678374A CN110399077A CN 110399077 A CN110399077 A CN 110399077A CN 201910678374 A CN201910678374 A CN 201910678374A CN 110399077 A CN110399077 A CN 110399077A
- Authority
- CN
- China
- Prior art keywords
- web page
- page listings
- mouse
- case
- positional relationship
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention provides a kind of element processing method and processing devices, storage medium, electronic device, wherein in the case that the above method includes: the first element in mouse webpage clicking list, setting first element is can dragging element；In the case where the first element described in the mouse drag, the position for determining first element after having executed drag operation in the web page listings according to the relative positional relationship and first element of first element and second element and the second element putting in order in the web page listings；Wherein, the relative positional relationship is the relative positional relationship of first element and the second element after first element drags in second element specified range.By adopting the above technical scheme, it solves in the related technology, since the drag and drop sequence of element realizes that logical comparison is complicated, and then the problems such as influence development efficiency.
Description
Technical field
The present invention relates to computer fields, in particular to a kind of element processing method and processing device, storage medium, electricity
Sub-device.
Background technique
In the related technology, early stage hypertext markup language (Hyper Text Markup Language, abbreviation HTML) is gone back
It can not support drag and drop Drag technology, the drag and drop sequence of element is realized generally by mouse event, when mouse clicks postscript
The position for recording lower current mouse is judged as being a drag and drop thing when mouse is still in click state, and mouse is mobile
The beginning of part.Then, a element (element can be page elements) currently having clicked on of copy, and the member of copy is set
Element is absolute fix.In this technical solution, needing in the element moving process having clicked on real-time judge, this is had clicked on
The position of element in the current position of element and list, processing logic are complex.
It in the related technology, is sorted due to the drag and drop of element and realizes that logical comparison is complicated, and then influence development efficiency etc.
Problem not yet proposes effective technical solution.
Summary of the invention
The embodiment of the invention provides a kind of element processing method and processing devices, storage medium, electronic device, at least to solve
In the related technology, since the drag and drop sequence of element realizes that logical comparison is complicated, and then the problems such as influence development efficiency.
According to one embodiment of present invention, a kind of element processing method is provided, comprising:
In the case where the first element in mouse webpage clicking list, be arranged first element be can dragging element；
In the case where the first element described in the mouse drag, according to the opposite position of first element and second element
It sets relationship and first element and the second element putting in order in the web page listings and determines described first yuan
Position of the element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is described first yuan
After element drags in second element specified range, the relative positional relationship of first element and the second element.
Optionally, according to the relative positional relationship and first element of first element and second element and institute
Stating second element putting in order in the web page listings determines first element after having executed drag operation described
Position in web page listings, comprising:
In the case where the relative positional relationship indicates that first element covers the second element, by described the
One element is inserted into first position before the second element location；Wherein, first element is the net
Any neutral element in page list other than the element in source position and the element in terminal position；
In the case where the relative positional relationship indicates the first element covering second element, alternatively, in the phase
Indicate first element by the mouse drag to being in the position after the second element location positional relationship
In the case where setting, first element is inserted into first position after the second element location；Wherein, institute
Stating second element is the element that terminal position is in the web page listings.
Optionally, in the case where the first element described in the mouse drag, according to first element and second element
The determining institute that puts in order in the web page listings of relative positional relationship and first element and the second element
The first element is stated after having executed drag operation after the position in the web page listings, the method also includes:
Show updated web page listings, wherein the updated web page listings indicate first element and holding
The position gone after drag operation in the web page listings.
Optionally, updated web page listings are shown, the method also includes:
Detect whether first element occurs to be discharged by the mouse；
In the case where detecting that first element is discharged by mouse, updated web page listings are shown.
According to another embodiment of the invention, a kind of element processing unit is additionally provided, comprising:
In the case where for the first element in mouse webpage clicking list, first element is arranged in setup module
For can dragging element；
Processing module, in the case where being used for the first element described in the mouse drag, according to first element and the
The relative positional relationship of Was Used and first element and the second element putting in order in the web page listings
Determine position of first element after having executed drag operation in the web page listings；Wherein, the relative position is closed
System is after first element drags in second element specified range, first element and the second element it is opposite
Positional relationship.
According to another embodiment of the invention, a kind of storage medium is additionally provided, calculating is stored in the storage medium
Machine program, wherein the computer program is arranged to execute element processing method described in any of the above item when operation.
According to another embodiment of the invention, a kind of electronic device, including memory and processor are additionally provided, it is special
Sign is, computer program is stored in the memory, and the processor is arranged to run the computer program to hold
Element processing method described in row any of the above item.
Through the invention, in the case where the first element in mouse webpage clicking list, first element, which is arranged, is
It can dragging element；In the case where the first element described in the mouse drag, according to the phase of first element and second element
Described the is determined to positional relationship and first element and the second element putting in order in the web page listings
Position of one element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is described the
After one element drags in second element specified range, the relative positional relationship of first element and the second element.
By adopting the above technical scheme, it solves in the related technology, since the drag and drop sequence of element realizes that logical comparison is complicated, and then influences
The problems such as development efficiency.Through the above technical solutions, in the case where the first element in mouse webpage clicking list, by first
Element be set as can dragging element, and then mouse drag and drop first element to the position of second element and first can be passed through
First element is in net after putting in order determining first element of element and second element in web page listings is discharged by mouse
Position in page list can avoid only realizing that the drag and drop of element are sorted by mouse click event, realize the problem of logic complexity.
Detailed description of the invention
The drawings described herein are used to provide a further understanding of the present invention, constitutes part of this application, this hair
Bright illustrative embodiments and their description are used to explain the present invention, and are not constituted improper limitations of the present invention.In the accompanying drawings:
Fig. 1 is the flow chart according to a kind of optional element processing method of the embodiment of the present invention；
Fig. 2 is a kind of structural block diagram of optional element processing unit according to an embodiment of the present invention；
Fig. 3 is a kind of structural block diagram of optional processing module according to an embodiment of the present invention；
Fig. 4 is a kind of another structural block diagram of optional element processing unit according to an embodiment of the present invention.
Specific embodiment
Hereinafter, the present invention will be described in detail with reference to the accompanying drawings and in combination with Examples.It should be noted that not conflicting
In the case of, the features in the embodiments and the embodiments of the present application can be combined with each other.
It should be noted that description and claims of this specification and term " first " in above-mentioned attached drawing, "
Two " etc. be to be used to distinguish similar objects, without being used to describe a particular order or precedence order.
It should be noted that in the related technology, using the new technology Drag of HTML5, the element will each to drag is set
Dragable=true is set, the dragging of element is then completed using the drag events of element.By onDragLeve,
OnDragOver judges whether element is removed from some element, is dragged on some element, finally completes the dragging sequence of element.
Wherein, it not only needs that dragable is arranged for each list element in the technical solution and binds dependent event, it is also necessary to remember
Recording which element is the element currently moved, which is the element of covering, and processing logic is complex.
Following embodiment of the present invention can provide a kind of element processing method and be asked with the technology for solving above-mentioned processing logic complexity
The solution of topic.
The embodiment of the invention provides a kind of element processing method, Fig. 1 is optional according to one kind of the embodiment of the present invention
The flow chart of element processing method, as shown in Figure 1, comprising:
Step S102, in the case where the first element in mouse webpage clicking list, be arranged first element be can
Dragging element；
Step S104, in the case where the first element described in the mouse drag, according to first element and second yuan
Put in order determination of the relative positional relationship and first element and the second element of element in the web page listings
Position of first element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is
After first element drags in second element specified range, the relative position of first element and the second element
Relationship.
Through the invention, in the case where the first element in mouse webpage clicking list, first element, which is arranged, is
It can dragging element；In the case where the first element described in the mouse drag, according to the phase of first element and second element
Described the is determined to positional relationship and first element and the second element putting in order in the web page listings
Position of one element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is described the
After one element drags in second element specified range, the relative positional relationship of first element and the second element.
By adopting the above technical scheme, it solves in the related technology, since the drag and drop sequence of element realizes that logical comparison is complicated, and then influences
The problems such as development efficiency.Through the above technical solutions, in the case where the first element in mouse webpage clicking list, by first
Element be set as can dragging element, and then mouse drag and drop first element to the position of second element and first can be passed through
First element is in net after putting in order determining first element of element and second element in web page listings is discharged by mouse
Position in page list can avoid only realizing that the drag and drop of element are sorted by mouse click event, realize the problem of logic complexity.
In an alternate embodiment of the present invention, according to the relative positional relationship of first element and second element, and
First element and the second element putting in order in the web page listings determine that first element is executing
Position after drag operation in the web page listings, comprising: indicate the first element covering in the relative positional relationship
In the case where the second element, first element is inserted into before the second element location first
Position；Wherein, first element is in the web page listings in addition to the element in source position and in terminal position
Any neutral element except element；The case where the relative positional relationship indicates the first element covering second element
Under, alternatively, indicating first element by the mouse drag to being in the second element institute in the relative positional relationship
In the case where position after the position at place, first element is inserted into after the second element location
One position；Wherein, the second element is the element that terminal position is in the web page listings.
In an alternate embodiment of the present invention, in the case where the first element described in the mouse drag, according to described
The relative positional relationship and first element and the second element of one element and second element are in the web page listings
Put in order determine first element after having executed drag operation after the position in the web page listings, the side
Method further include: show updated web page listings, wherein the updated web page listings indicate first element and holding
The position gone after drag operation in the web page listings.
In an alternate embodiment of the present invention, updated web page listings are shown, the method also includes:
Detect whether first element occurs to be discharged by the mouse；Detecting that first element discharged by mouse
In the case where, show updated web page listings.
In an alternate embodiment of the present invention, in the case where the first element in mouse webpage clicking list, institute is set
State the first element be can before dragging element, the method also includes: detect whether the first element in the web page listings is sent out
Raw mouse click event；In the case where detecting the generation mouse click event, it is determined that first element is described
Mouse is clicked.
In an alternate embodiment of the present invention, according to the relative positional relationship of first element and second element, and
First element and the second element putting in order in the web page listings determine that first element is executing
Position after drag operation in the web page listings, comprising: indicate the first element covering in the relative positional relationship
Second element, first element and second element are the adjacent element in the web page listings, and the first element is described second
Element on element where a position is then retained in front of executing mouse drag first element and the second element in institute
State the position in web page listings.
Above-mentioned element treatment process is explained below in conjunction with an example, but is not used in the restriction embodiment of the present invention
Technical solution, the exemplary technical solution of the present invention is as follows:
Step 1, after mouse clicks the elements A in a certain web page listings, it is first determined whether for left mouse button (or tool
The key of standby left mouse button function) click event, if it is, the elements A that setting is currently clicked is the element that can be dragged；Its
In, which can be according to longitudinal arrangement or according to transversely arranged, and the embodiment of the present invention is not limited thereto；
Step 2, when elements A (can be understood as elements A and partly or entirely cover member in mouse drag to a certain element B
Plain B) when, which is inserted on the previous position of element B；Wherein, when elements A and element B are adjacent, and elements A is in member
When the previous position of plain B, it is constant to retain the position of elements A and element B in web page listings；Wherein, element B is web page listings
In in addition in source position element and terminal position element other than any neutral element；
Alternatively, (can be understood as elements A in mouse drag to Elements C and partly or entirely cover Elements C) when elements A or
When after the position of Elements C, elements A is inserted into after Elements C；Wherein, which is that terminal position is in web page listings
Element；
Step 3, it when mouse discharges elements A, indicates that elements A drag and drop terminate, obtains new tab sequential, by adjusting back letter
Number returns to newest ranking results；
Step 4, web page listings are updated according to ranking results in web page listings.
Wherein, above-mentioned elements A is corresponding with above-mentioned first element, and above-mentioned element B and Elements C are corresponding with above-mentioned second element.
Through the above description of the embodiments, those skilled in the art can be understood that according to above-mentioned implementation
The method of example can be realized by means of software and necessary general hardware platform, naturally it is also possible to by hardware, but it is very much
In the case of the former be more preferably embodiment.Based on this understanding, technical solution of the present invention is substantially in other words to existing
The part that technology contributes can be embodied in the form of software products, which is stored in a storage
In medium (such as ROM/RAM, magnetic disk, CD), including some instructions are used so that a terminal device (can be mobile phone, calculate
Machine, server or network equipment etc.) execute method described in each embodiment of the present invention.
A kind of element processing unit is additionally provided in the present embodiment, and the device is real for realizing above-described embodiment and preferably
Mode is applied, the descriptions that have already been made will not be repeated.As used below, the soft of predetermined function may be implemented in term " module "
The combination of part and/or hardware.Although device described in following embodiment is preferably realized with software, hardware, or
The realization of the combination of software and hardware is also that may and be contemplated.
Fig. 2 is a kind of structural block diagram of optional element processing unit according to an embodiment of the present invention, as shown in Fig. 2, should
Device includes:
Setup module 20 in the case where for the first element in mouse webpage clicking list, is arranged described first yuan
Element is can dragging element；
Processing module 22, in the case where being used for the first element described in the mouse drag, according to first element and
The relative positional relationship of second element and first element and arrangement of the second element in the web page listings are suitable
Sequence determines position of first element after having executed drag operation in the web page listings；Wherein, the relative position
Relationship is the phase of first element and the second element after first element drags in second element specified range
To positional relationship.
Through the invention, in the case where the first element in mouse webpage clicking list, first element, which is arranged, is
It can dragging element；In the case where the first element described in the mouse drag, according to the phase of first element and second element
Described the is determined to positional relationship and first element and the second element putting in order in the web page listings
Position of one element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is described the
After one element drags in second element specified range, the relative positional relationship of first element and the second element.
By adopting the above technical scheme, it solves in the related technology, since the drag and drop sequence of element realizes that logical comparison is complicated, and then influences
The problems such as development efficiency.Through the above technical solutions, in the case where the first element in mouse webpage clicking list, by first
Element be set as can dragging element, and then mouse drag and drop first element to the position of second element and first can be passed through
First element is in net after putting in order determining first element of element and second element in web page listings is discharged by mouse
Position in page list can avoid only realizing that the drag and drop of element are sorted by mouse click event, realize the problem of logic complexity.
In an alternate embodiment of the present invention, Fig. 3 is a kind of knot of optional processing module according to an embodiment of the present invention
Structure block diagram, as shown in figure 3, the processing module, comprising:
First processing submodule 221, for indicating that first element covers described the in the relative positional relationship
In the case where Was Used, first element is inserted into first position before the second element location；Its
In, first element be in the web page listings other than the element in source position and element in terminal position
Any neutral element；
Second processing submodule 222, for indicating that first element covers second element in the relative positional relationship
In the case where, alternatively, indicating first element by the mouse drag to being in described second in the relative positional relationship
In the case where position after element location, by first element be inserted into the location of described second element it
First position afterwards；Wherein, the second element is the element that terminal position is in the web page listings.
In an alternate embodiment of the present invention, Fig. 4 is a kind of optional element processing unit according to an embodiment of the present invention
Another structural block diagram, as shown in figure 4, described device further include:
Display module 24, for showing updated web page listings, wherein the updated web page listings indicate institute
State position of first element after having executed drag operation in the web page listings.
In an alternate embodiment of the present invention, as shown in figure 4, described device further include:
Detection module 26, for detecting whether first element occurs to be discharged by the mouse；
The display module 24 is also used in the case where detecting that first element is discharged by mouse, and display updates
Web page listings afterwards.
Above-mentioned element treatment process is further described in conjunction with preferred embodiment below, but is not used in and limits this hair
The technical solution of bright embodiment.
Step 1, prepare；
(1) a React project is created, and puts up relevant environment.
(2) " 2 sub-components DragSort and DragSortItem are defined.DragSort is master component, is list element
Container, DragSortItem component are the item of the list of rendering.It can contain in one DragSort component multiple
DragSortItem component.
Step 2, code is realized；
(1) relevant configuration option is defined first
1, the definition in DragSort component:
Tag: the Dom that element will render, default div；
ClassName: the style name of element facilitates customized pattern；
OnStart: element starts event when dragging；
OnChange: the event that element drag and drop are completed, new ranking results after the completion of return drag and drop；
Options: the relevant configuration item of component；
Options.draggable: whether setting element can drag.
2, the definition in DragSortItem component:
Tag: the Dom that element will render, default DIV；
ClassName: the style name of element facilitates customized pattern；
Id: being a key for marking list items；
Draggable: setting changes whether subitem can drag.
(2) page structure is constructed
DOM structure in DragSort component, partial code are as follows:
Const { tag:Component, className }=this.props
return(<Component
Ref={ e=> { this.DragSortDom=e } }
ClassName={ className }
OnDragEnter={ this.handleDragEnter }
OnDragLeave={ this.handleDragLeave }
OnMouseDown={ this.handleMouseDown }
OnDragStart={ this.handleDragStart }
OnDragEnd={ this.handleDragEnd }
>{this.props.children}</Component>)
Wherein, Component be parent component using when customized current component to be rendered to assorted identical element element, be defaulted as DIV.
By props.children can be determined by parent component how render list.
DOM structure in DragSortItem: partial code is as follows:
Almost the same with DragSort component, Component is the customized element to be rendered when using,
Props.children is the daughter element of the customized list to be rendered of user.
(3) logic of drag and drop sequence is realized
A. mouse down event function is executed after mouse down, partial code is as follows:
B. if partial code is as follows when starting to drag and drag on some element:
C. if element leaves the last one element, after dragging element is inserted into the last one element, partial code
It is as follows:
D. drag and drop terminate, and partial code is as follows:
Step 3, it uses:
(1) component is introduced, partial code is as follows:
import DragSort from‘drag-sort’
(2) it uses, partial code is as follows:
The embodiments of the present invention also provide a kind of storage medium, which includes the program of storage, wherein above-mentioned
The method of any of the above-described is executed when program is run.
Optionally, in the present embodiment, above-mentioned storage medium can be set to store the journey for executing following steps
Sequence code:
S1, in the case where the first element in mouse webpage clicking list, it is that can drag member that first element, which is arranged,
Element；
S2, in the case where the first element described in the mouse drag, according to the phase of first element and second element
Described the is determined to positional relationship and first element and the second element putting in order in the web page listings
Position of one element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is described the
After one element drags in second element specified range, the relative positional relationship of first element and the second element.
Optionally, in the present embodiment, above-mentioned storage medium can include but is not limited to: USB flash disk, read-only memory (Read-
Only Memory, referred to as ROM), it is random access memory (Random Access Memory, referred to as RAM), mobile hard
The various media that can store program code such as disk, magnetic or disk.
Optionally, the specific example in the present embodiment can be with reference to described in above-described embodiment and optional embodiment
Example, details are not described herein for the present embodiment.
The embodiments of the present invention also provide a kind of electronic device, including memory and processor, stored in the memory
There is computer program, which is arranged to run computer program to execute the step in any of the above-described embodiment of the method
Suddenly.
Optionally, above-mentioned electronic device can also include transmission device and input-output equipment, wherein the transmission device
It is connected with above-mentioned processor, which connects with above-mentioned processor.
Optionally, in the present embodiment, above-mentioned processor can be set to execute following steps by computer program:
S1, in the case where the first element in mouse webpage clicking list, it is that can drag member that first element, which is arranged,
Element；
S2, in the case where the first element described in the mouse drag, according to the phase of first element and second element
Described the is determined to positional relationship and first element and the second element putting in order in the web page listings
Position of one element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is described the
After one element drags in second element specified range, the relative positional relationship of first element and the second element.
Optionally, the specific example in the present embodiment can be with reference to described in above-described embodiment and optional embodiment
Example, details are not described herein for the present embodiment.
Obviously, those skilled in the art should be understood that each module of the above invention or each step can be with general
Computing device realize that they can be concentrated on a single computing device, or be distributed in multiple computing devices and formed
Network on, optionally, they can be realized with the program code that computing device can perform, it is thus possible to which they are stored
It is performed by computing device in the storage device, and in some cases, it can be to be different from shown in sequence execution herein
Out or description the step of, perhaps they are fabricated to each integrated circuit modules or by them multiple modules or
Step is fabricated to single integrated circuit module to realize.In this way, the present invention is not limited to any specific hardware and softwares to combine.
The foregoing is only a preferred embodiment of the present invention, is not intended to restrict the invention, for the skill of this field
For art personnel, the invention may be variously modified and varied.It is all within principle of the invention, it is made it is any modification, etc.
With replacement, improvement etc., should all be included in the protection scope of the present invention.
Claims (10)
1. a kind of element processing method characterized by comprising
In the case where the first element in mouse webpage clicking list, be arranged first element be can dragging element；
In the case where the first element described in the mouse drag, closed according to the relative position of first element and second element
System and first element and the second element putting in order in the web page listings determine that first element exists
The position after drag operation in the web page listings is executed；Wherein, the relative positional relationship is that first element drags
After moving in second element specified range, the relative positional relationship of first element and the second element.
2. the method according to claim 1, wherein according to the relative position of first element and second element
Relationship and first element and the second element putting in order in the web page listings determine first element
Position after having executed drag operation in the web page listings, comprising:
In the case where the relative positional relationship indicates that first element covers the second element, by described first yuan
Element is inserted into first position before the second element location；Wherein, first element is webpage column
Any neutral element in table other than the element in source position and the element in terminal position；
In the case where the relative positional relationship indicates the first element covering second element, alternatively, in the opposite position
The relationship of setting indicates first element by the mouse drag to being in the position after the second element location
In the case of, first element is inserted into first position after the second element location；Wherein, described
Was Used is the element that terminal position is in the web page listings.
3. the method according to claim 1, wherein in the case where the first element described in the mouse drag,
According to the relative positional relationship and first element of first element and second element and the second element described
The position that putting in order in web page listings determines first element after having executed drag operation in the web page listings
Later, the method also includes:
Show updated web page listings, wherein the updated web page listings indicate first element and executing
Position after drag operation in the web page listings.
4. according to the method described in claim 3, it is characterized in that, show updated web page listings, the method also includes:
Detect whether first element occurs to be discharged by the mouse；
In the case where detecting that first element is discharged by mouse, updated web page listings are shown.
5. a kind of element processing unit characterized by comprising
Setup module, in the case where for the first element in mouse webpage clicking list, be arranged first element be can
Dragging element；
Processing module, in the case where being used for the first element described in the mouse drag, according to first element and second yuan
Put in order determination of the relative positional relationship and first element and the second element of element in the web page listings
Position of first element after having executed drag operation in the web page listings；Wherein, the relative positional relationship is
After first element drags in second element specified range, the relative position of first element and the second element
Relationship.
6. device according to claim 5, which is characterized in that the processing module, comprising:
First processing submodule, for indicating that first element covers the second element in the relative positional relationship
In the case of, first element is inserted into first position before the second element location；Wherein, described
One element is in the web page listings in any other than the element in source position and element in terminal position
Between element；
Second processing submodule, for the case where the relative positional relationship indicates the first element covering second element
Under, alternatively, indicating first element by the mouse drag to being in the second element institute in the relative positional relationship
In the case where position after the position at place, first element is inserted into after the second element location
One position；Wherein, the second element is the element that terminal position is in the web page listings.
7. according to the method described in claim 5, it is characterized in that, described device further include:
Display module, for showing updated web page listings, wherein the updated web page listings indicate described first
Position of the element after having executed drag operation in the web page listings.
8. the method according to the description of claim 7 is characterized in that described device further include:
Detection module, for detecting whether first element occurs to be discharged by the mouse；
The display module is also used to show updated net in the case where detecting that first element is discharged by mouse
Page list.
9. a kind of storage medium, which is characterized in that be stored with computer program in the storage medium, wherein the computer
Program is arranged to execute method described in any one of Claims 1-4 when operation.
10. a kind of electronic device, including memory and processor, which is characterized in that be stored with computer journey in the memory
Sequence, the processor are arranged to run the computer program to execute side described in any one of Claims 1-4
Method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910678374.1A CN110399077A (en) | 2019-07-25 | 2019-07-25 | Element processing method and processing device, storage medium, electronic device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910678374.1A CN110399077A (en) | 2019-07-25 | 2019-07-25 | Element processing method and processing device, storage medium, electronic device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110399077A true CN110399077A (en) | 2019-11-01 |
Family
ID=68326124
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910678374.1A Pending CN110399077A (en) | 2019-07-25 | 2019-07-25 | Element processing method and processing device, storage medium, electronic device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110399077A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114428578A (en) * | 2022-01-14 | 2022-05-03 | 广州朗国电子科技股份有限公司 | Method and device for dynamically framing page elements |
| CN114661217A (en) * | 2022-03-01 | 2022-06-24 | 北京思特奇信息技术股份有限公司 | Dragging and sorting method and system for elements in webpage development interface |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107678952A (en) * | 2017-09-22 | 2018-02-09 | 郑州云海信息技术有限公司 | A kind of method and system of Webpage element operation |
| CN108710460A (en) * | 2018-05-15 | 2018-10-26 | 广州视源电子科技股份有限公司 | element control method, device, equipment and storage medium |
| CN109271075A (en) * | 2018-09-06 | 2019-01-25 | 天津字节跳动科技有限公司 | Page elements autoplacement method and device |
-
2019
- 2019-07-25 CN CN201910678374.1A patent/CN110399077A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107678952A (en) * | 2017-09-22 | 2018-02-09 | 郑州云海信息技术有限公司 | A kind of method and system of Webpage element operation |
| CN108710460A (en) * | 2018-05-15 | 2018-10-26 | 广州视源电子科技股份有限公司 | element control method, device, equipment and storage medium |
| CN109271075A (en) * | 2018-09-06 | 2019-01-25 | 天津字节跳动科技有限公司 | Page elements autoplacement method and device |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114428578A (en) * | 2022-01-14 | 2022-05-03 | 广州朗国电子科技股份有限公司 | Method and device for dynamically framing page elements |
| CN114428578B (en) * | 2022-01-14 | 2024-04-05 | 广州朗国电子科技股份有限公司 | Method and device for dynamically selecting page elements in frame mode |
| CN114661217A (en) * | 2022-03-01 | 2022-06-24 | 北京思特奇信息技术股份有限公司 | Dragging and sorting method and system for elements in webpage development interface |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9602347B2 (en) | Method, system and program for browser to switch IE kernel | |
| US9910992B2 (en) | Presentation of user interface elements based on rules | |
| US10303751B1 (en) | System and method for interaction coverage | |
| CN106844635B (en) | Method and device for editing elements in webpage | |
| CN103164541B (en) | Image presentation method and equipment | |
| CN105868096B (en) | For showing the method, device and equipment of web page test result in a browser | |
| US20040243929A1 (en) | Apparatus and method enabling configurable graphical display of table-based data in a web-based application | |
| US7574698B2 (en) | Method and apparatus for protecting HTTP session data from data crossover using aspect-oriented programming | |
| US20080270944A1 (en) | Method and system for cross-screen component communication in dynamically created composite applications | |
| CN110275705A (en) | Generate method, apparatus, equipment and the storage medium for preloading page code | |
| CN110399063B (en) | Method and device for viewing page element attributes | |
| CN112352214A (en) | Display control device, display control method, and display control program | |
| US20060225091A1 (en) | Customizing and personalizing views in content aggregation frameworks | |
| CN110399077A (en) | Element processing method and processing device, storage medium, electronic device | |
| US7480921B1 (en) | Method, system, and apparatus for customizing web parts | |
| CN109558123A (en) | The method of webpage conversion electrons book, electronic equipment, storage medium | |
| JP5389673B2 (en) | Centralized discovery of website services | |
| CN106033387B (en) | The method and apparatus for testing flash intrinsic controls | |
| US20090138519A1 (en) | Method and system for enhancing software documentation and help systems | |
| CN115033436A (en) | Page testing method and device, electronic equipment and storage medium | |
| CN104077119B (en) | Page control methods and device | |
| EP1204030A1 (en) | Extending hypermedia documents by adding tagged attributes | |
| CN106919300B (en) | Method, device and equipment for displaying customized information on browser window | |
| CN107077484B (en) | Generating a web browser view of an application | |
| US20120124548A1 (en) | Apparatus and method for reconstructing embedded software development environment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191101 |