CN106503009A - Show the transfer method and device of data in the page - Google Patents
Show the transfer method and device of data in the page Download PDFInfo
- Publication number
- CN106503009A CN106503009A CN201510564253.6A CN201510564253A CN106503009A CN 106503009 A CN106503009 A CN 106503009A CN 201510564253 A CN201510564253 A CN 201510564253A CN 106503009 A CN106503009 A CN 106503009A
- Authority
- CN
- China
- Prior art keywords
- button
- data
- object element
- source
- area
- 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.)
- Granted
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
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
This application discloses a kind of transfer method and device for showing data in the page.Wherein, the method includes:Triggering shows the key press event of the one or more source elements in the page in first area;The data associated with one or more source elements are obtained according to key press event, and on the one or more source elements by data buffer storage in first area;Triggering shows that the button of the object element in the page in second area lifts event;Event query source element corresponding with object element is lifted according to button, and obtains the data being buffered on source element corresponding with object element;By the data buffer storage on source element corresponding with object element on object element.Present application addresses prior art in the page is realized element shift when the low technical problem of efficiency.
Description
Technical field
The application is related to computer realm, in particular to a kind of transfer method and device for showing data in the page.
Background technology
Developer when using web development platforms is often required to carry out design iterations, such as, sets in different regions
The same list of meter, reference property list, Structure data entry list, or, developer is wished a region
Structure, general layout copy in another region, this is accomplished by developer and identical structure content is carried out repeatability
Be manually entered, but manual be logged in workload big when easily error and can not meet zones of different data it
Between association.
Above-mentioned loaded down with trivial details workload is faced, developer can select to use HTML5, such as developer to adopt HTML5
Drag and drop are carried out come the DOM element in the page, i.e., another position is dragged to after crawl object, for example, first in DOM
Draggable=true is added in attribute of an element, then while dragging, by registered events on DOM element
Ondragstart is recording trailing element, and then realizes the dragging of DOM element between zones of different in the page.
It should be noted that carrying out drag and drop using HTML5 come the element in the page occurs following problem:
1) can not solve the problems, such as that the rendering data of source element and object element requirement is inconsistent, i.e., user can only render
The transfer of data is carried out between two DOM elements of data identical.
2) HTML5 does not support the movement of multiple DOM, and DOM element one by one can only be moved, and traveling time is longer.
3) HTML5 is incompatible to partial view device, the browser of such as IE6, IE7, IE8 and replacement version, uses
Family is intended to shift the version that DOM element will also update browser using HTML5L.
From the foregoing, it will be observed that for above-mentioned prior art when realizing in the page that element is shifted the low problem of efficiency, at present not yet
Propose effective solution.
Content of the invention
A kind of transfer method and device for showing data in the page is embodiments provided, at least to solve existing skill
Art in the page is realized element shift when the low technical problem of efficiency.
A kind of one side according to embodiments of the present invention, there is provided the transfer method of data in display page, including:
Triggering shows the key press event of the one or more source elements in the page in first area;According to key press event
Obtain the data associated with one or more source elements, and the one or more source units by data buffer storage in first area
On element;Triggering shows that the button of the object element in the page in second area lifts event;Event is lifted according to button to look into
Source element corresponding with object element is ask, and obtains the data being buffered on source element corresponding with object element;Will be with
Data buffer storage on the corresponding source element of object element is on object element.
Another aspect according to embodiments of the present invention, additionally provides a kind of transfer device for showing data in the page, including:
First trigger element, for triggering the key press event for showing the one or more source elements in the page in first area;
Acquiring unit, for obtaining the data associated with one or more source elements according to key press event, and data is delayed
Exist on the one or more source elements in first area;Second trigger element, shows the secondth area in the page for triggering
The button of the object element in domain lifts event;Query unit, for lifting event query and object element according to button
Corresponding source element, and obtain the data being buffered on source element corresponding with object element;Buffer unit, for inciting somebody to action
Data buffer storage on source element corresponding with object element is on object element.
In embodiments of the present invention, show the button of the one or more source elements in the page in first area using triggering
Press event;The data associated with one or more source elements are obtained according to key press event, and data buffer storage is existed
On one or more source elements in first area;Triggering shows the button lift of the object element in the page in second area
The event of rising;Event query source element corresponding with object element is lifted according to button, and is obtained and is buffered in and object element
Data on corresponding source element;By side of the data buffer storage on source element corresponding with object element on object element
Formula, solve prior art in the page is realized element shift when the low technical problem of efficiency.
Description of the drawings
Accompanying drawing described herein is used for providing further understanding of the present application, constitutes the part of the application, this Shen
Schematic description and description please does not constitute the improper restriction to the application for explaining the application.In accompanying drawing
In:
Fig. 1 is the hardware of the terminal of the transfer method of data in a kind of display page according to embodiments of the present invention
Structured flowchart;
Fig. 2 is a kind of optional flow chart for showing the transfer method of data in the page according to the embodiment of the present application;
Fig. 3 is the schematic diagram for showing the transfer method of data in the page according to the embodiment of the present application;
Fig. 4 is a kind of optional schematic diagram for showing the transfer method of data in the page according to the embodiment of the present application;
Fig. 5 is a kind of optional schematic diagram for showing the transfer method of data in the page according to the embodiment of the present application;
Fig. 6 is a kind of optional schematic diagram for showing the transfer method of data in the page according to the embodiment of the present application;
Fig. 7 is the structural representation for showing the transfer device of data in the page according to the embodiment of the present application;
Fig. 8 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Fig. 9 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Figure 10 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Figure 11 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Figure 12 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Figure 13 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Figure 14 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;
Figure 15 is the structural representation of the transfer device of data in the optional display page according to the embodiment of the present application;With
And
Figure 16 is a kind of structured flowchart of the terminal according to the embodiment of the present application.
Specific embodiment
In order that those skilled in the art more fully understand application scheme, below in conjunction with the embodiment of the present application in
Accompanying drawing, to the embodiment of the present application in technical scheme be clearly and completely described, it is clear that described embodiment
The only embodiment of the application part, rather than whole embodiments.Embodiment in based on the application, ability
The every other embodiment obtained under the premise of creative work is not made by domain those of ordinary skill, should all belong to
The scope of the application protection.
It should be noted that the description and claims of this application and the term " first " in above-mentioned accompanying drawing, "
Two " it is etc. for distinguishing similar object, without for describing specific order or precedence.It should be appreciated that this
The data that sample is used can be exchanged in the appropriate case, so as to embodiments herein described herein can with except
Here the order beyond those for illustrating or describing is implemented.Additionally, term " comprising " and " having " and they
Any deformation, it is intended that cover non-exclusive process, the side for including, for example, containing series of steps or unit
Method, system, product or equipment are not necessarily limited to those steps that clearly lists or unit, but may include unclear
List or for other intrinsic steps of these processes, method, product or equipment or unit.
The explanation of nouns being related in the application is as follows:
DOM, DOM Document Object Model (Document Object Model, abbreviation DOM), is the place of W3C Organisation recommendations
Manage the standard programming interface of expansible markup language.
Mouse event:It is most commonly used event in Visual Basic programmings, most controls all support mouse action,
Mouse event mainly includes:MouseDown and MouseUp, wherein, MouseDown occurs when being mouse down
Event, event when MouseUp is mouse-up.
KeyEvent:It is the event triggered when certain key of keyboard is pressed down, KeyEvent mainly has following several:
(1)KeyDown:Occur when on keyboard, certain key is pressed.
(2)KeyUp:Occur when key on keyboard is lifted.
(3)KeyPree:This event occurs before occurring to be revealed with character after keyboard is pressed.
DIV containers (DIV labels):It is that the content of bulk (block-level) in for html document provides knot
Structure and the element of background, all the elements between the start-tag and end-tag of DIV be all for constituting this block,
Included in which, the characteristic of element is controlled by DIV labels.
Embodiment 1
According to the embodiment of the present application, a kind of embodiment for showing the transfer method of data in the page is additionally provided, is needed
Bright, can be in the computer system of such as one group of computer executable instructions the step of the flow process of accompanying drawing is illustrated
Middle execution, and, although show logical order in flow charts, but in some cases, can be being different from
Order herein executes shown or described step.
The embodiment of the method provided by the embodiment of the present application one can be in mobile terminal, terminal or similar fortune
Calculate in device and execute.As a example by running on computer terminals, Fig. 1 is that a kind of of the embodiment of the present application shows in the page
The hardware block diagram of the terminal of the transfer method of data.As shown in figure 1, terminal 10 can include
One or more (only illustrating one in figure) (processor 102 can include but is not limited to microprocessor to processor 102
The processing meanss of MCU or PLD FPGA etc.), the memory 104 for data storage and for leading to
The transmitting device 106 of telecommunication function.It will appreciated by the skilled person that the structure shown in Fig. 1 is only to illustrate,
Which does not cause to limit to the structure of above-mentioned electronic installation.For example, terminal 10 is may also include than shown in Fig. 1
More or less component, or with the configuration different from shown in Fig. 1.
Memory 104 can be used for software program and the module for storing application software, the such as display in the embodiment of the present application
Corresponding programmed instruction/the module of the transfer method of data in the page, processor 102 are stored in memory 104 by operation
Interior software program and module, so as to execute various function application and data processing, that is, realize above-mentioned application journey
The leak detection method of sequence.Memory 104 may include high speed random access memory, may also include nonvolatile memory,
Such as one or more magnetic storage device, flash memory or other non-volatile solid state memories.In some instances,
Memory 104 can further include the memory remotely located relative to processor 102, and these remote memories can be with
By network connection to terminal 10.The example of above-mentioned network include but is not limited to internet, intranet,
LAN, mobile radio communication and combinations thereof.
Transmitting device 106 is used for receiving via a network or sends data.Above-mentioned network instantiation may include
The wireless network that the communication providerses of terminal 10 are provided.In an example, transmitting device 106 includes one
Network adapter (Network Interface Controller, NIC), its can pass through base station and other network equipments
It is connected so as to can be communicated with internet.In an example, transmitting device 106 can be radio frequency (Radio
Frequency, RF) module, which is used for wirelessly being communicated with internet.
Under above-mentioned running environment, this application provides the as shown in Figure 2 transfer method for showing data in the page.Figure
2 is the flow chart for showing the transfer method of data in the page according to the embodiment of the present application one.
As shown in Fig. 2 showing that the transfer method of data in the page can include step is implemented as follows:
Step S21, triggering show the key press event of the one or more source elements in the page in first area.
In the application above-mentioned steps S21, the above-mentioned display page can show for being used for developing in browser one of webpage
The page.Source element included in above-mentioned first area can be stored in the DIV containers of source, and above-mentioned source element can be
DOM element.DOM element in first area is used for realizing page elements in current display page in first area
Show general layout, such as, user can realize the list of first area, the pattern of label, structure to edit DOM element
Or content.When user wishes to be shifted the data of the source element association in first area, can trigger and tie up in advance
The key press event being scheduled on source element.
So that user moves the scene of DOM element in browser page as an example, user is carrying out net using browser platform
During page exploitation, it is desirable to copy in another region, i.e., the content of note, structure or pattern in first area
Need the data of the DOM element in first area are transferred in other region in corresponding target DOM element.For example
In the example depicted in fig. 3, user can trigger the key press event of the DOM1 elements in first area, need
Bright, above-mentioned DOM1 elements are any one source element in first area, and for example, above-mentioned key press event can be with
For the mousedown events being bundled on DOM1 elements in advance.
Herein it should be noted that the application can be moved to by mobile mouse and/or the cursor on keyboard to be copied
On source element, when pushing button, then triggering is bundled in the key press event of source DOM element (for example
mousedown).
Step S23, is obtained the data associated with one or more source elements, and data is delayed according to key press event
Exist on the one or more source elements in first area.
In the application above-mentioned steps S23, one or more in first area in user's triggering display page is detected
After the key press event of source element, the data being associated with the source element of user's triggering can be obtained, and will be obtained
To the above-mentioned triggering with user the data buffer storage that is associated of source element on the source element triggered by user.
Still by user in browser page as a example by the scene of mobile DOM element, in conjunction with the example shown in Fig. 3, when
Detect the key press event (such as mousedown) of the DOM1 in user's triggering browser page in first area
When, then the data being associated with DOM1 are obtained according to the key press event (such as mousedown) of DOM1
Then DATA1 is buffered on the DOM1 of above-mentioned first area by DATA1.
Step S25, triggering show that the button of the object element in the page in second area lifts event.
In the application above-mentioned steps S25, the object element included in above-mentioned second area can be stored in target DIV appearance
Device, above-mentioned object element can be DOM element, add the data associated by the source element in first area in user
In the scheme of the object element in second area, the button of the source element that user can be in triggering first area is pressed
After event, then trigger the button of the object element in above-mentioned second area and lift event.It should be noted that above-mentioned
It can be the mouseup being bundled on object element in advance that button lifts event.
Still so that user moves the scene of DOM element in browser page as an example, in user by browser page
The data of the DOM1 elements correlations in first area are added in the scheme in the DOM3 elements in second area, user
The key press event (such as mousedown) of above-mentioned DOM1 elements can be first triggered, browser page is then triggered again
The button of the DOM3 elements in the second area in face lifts event (such as mouseup), it should be noted that on
It can be the object element in second area to state DOM3 elements.
It should be noted that user can trigger the key press event of the one or more source elements in first area,
Can also trigger the one or more object elements in second area button lift event, i.e. this programme can realize by
The batch data of the multiple source elements association of source region is added in the multiple object elements in target area.
Step S27, lifts event query source element corresponding with object element according to button, and obtains and be buffered in and mesh
Data on the corresponding source element of mark element.
In the application above-mentioned steps S27, user successively trigger the key press event of the source element in first area and
After the button of the object element in second area lifts event, can be according to the button lift of the object element of user's triggering
Event inquires source element corresponding with above-mentioned object element, and obtains
In data.
Still by user in browser page as a example by the scene of mobile DOM element, user's successively triggering the is being detected
After the button of the DOM3 elements in the key press event and second area of the DOM1 elements in one region lifts event,
Event can be lifted to inquire about element corresponding with DOM3 elements i.e. DOM1 elements according to the button of DOM3 elements, then
Obtain the data being buffered in above-mentioned DOM1 elements.
Step S29, by the data buffer storage on source element corresponding with object element on object element.
In the application above-mentioned steps S29, after being buffered in the data in source element in first area is got, can be with
By the above-mentioned data buffer storage being buffered in source element on above-mentioned object element, DOM units between zones of different have been achieved in that
The transfer of prime number evidence.
Still by user in browser page as a example by the scene of mobile DOM element, as shown in figure 3, user wish by
The data associated by DOM1 elements in DIV source containers are transferred in the DOM3 elements of DIV target containers, Yong Huke
The mouse down event (such as mouseup events) that binds with DOM1 can be triggered to turn the data of DOM1 elements correlations
Move on in DOM3.
From the foregoing, it will be observed that in the scheme that provided of the above embodiments of the present application one, if the user desired that by first area Zhong Yuan
The data of elements correlation are added in the object element in second area, can pass through trigger first area in one or
The key press event of multiple source elements, and after detecting that above-mentioned key press event is triggered, can by with above-mentioned
Then the related data buffer storage of source element, triggers the target in above-mentioned second area in user in above-mentioned source element
After the button of element lifts event, this programme can inquire source element corresponding with above-mentioned object element, and will obtain
To above-mentioned source element in cache data buffer storage in above-mentioned object element.
In scheme disclosed in the above embodiments of the present application one, if the user desired that the number by source element association in first area
According to being added in the object element in second area, can be by triggering the one or more source elements in first area
Key press event, and after detecting that above-mentioned key press event is triggered, can will be related to above-mentioned source element
Data buffer storage in above-mentioned source element, then, lift by the button for triggering the object element in above-mentioned second area in user
After the event of rising, this programme can inquire source element corresponding with above-mentioned object element, and will be first for the above-mentioned source for getting
The data buffer storage cached in element is in above-mentioned object element.It is easily noted that, due in the above-mentioned source by first area
During element is transferred to the object element in second area, it is only necessary to which that supported in triggering current browser respectively presses
Key presses event and button lifts event, it is possible to which the data triggered in source element are shifted, therefore, by this
The scheme provided by bright embodiment, needs the number come from source element for replicating without the need for being manually entered in object element
According to, while can realize for one or more source elements being transferred to object element together, the quantity of transfer is unrestricted,
So not only achieve can automatically, the data transfer completed in the page between element of batch, it is to avoid prior art
The low defect of the method efficiency for shifting element data for providing, and, in the webpage development environment of browser,
Developer can utilize the data metastasis that the application is provided, in the mechanism after triggering key press event,
The data binding process of source element is automatically performed, it may therefore be assured that the accurately number associated by transfer source element
According to object element.Thus, the scheme of above-described embodiment one that the application is provided solves prior art and is realizing the page
Efficiency low technical problem when middle element is shifted.
Herein it should be noted that can realize triggering using button in mouse or keyboard above-mentioned key press event and
Button lifts event.In a kind of alternative embodiment, when the pointer of mouse or keyboard be placed in first area or
The top of multiple elements, and detect after the button of the button or keyboard of mouse is pressed, trigger key press event.
Carry out as a example by the scene for just completing to move DOM element below by user's mouse used in browser page in detail
Illustrate, in by the user scheme shifted by the data associated by the DOM1 elements in first area in browser page,
Mouse can move on to user the top of the DOM1 elements in above-mentioned first area, and press left button (or the right button of mouse
Or other buttons such as roller), now trigger the mouseup events of the left button other buttons such as (or) right button or rollers.
Herein it should be noted that the above-mentioned key press event of the application can also pass through in keyboard and keyboard
The combination of button is realizing.For example, user can first press TAB keys, then press the direction controlling key in keypad
Mouse pointer is moved on the DOM1 elements in a region, then presses "enter" key" to trigger the button of DOM1 elements
Lower event.
Herein also, it should be noted the above-mentioned mode for triggering key press event of the application is not limited to mouse or key
Disk, for example, in touch display screen, the electric signal that can also be collected by touch-screen is realizing that triggering button presses
Event.(A coordinates show page for DOM1 positions to A coordinates i.e. on user's touch touch-screen is detected on the touchscreen
The coordinate in face), then trigger the key press event of DOM1.
In a kind of alternative embodiment that the application is provided, when the pointer of mouse or keyboard is placed on the target in second area
The top of element, and detect after the button of the button or keyboard of mouse is lifted, triggering button lifts event.
Carry out as a example by the scene for just completing to move DOM element below by user's mouse used in browser page in detail
Illustrate, the data associated by the DOM1 elements of first area in browser page are transferred in second area in user
In the scheme of object element DOM3, user can control the top that the pointer of mouse or keyboard is in DOM1 elements, and
Press the button of mouse or keyboard, then user can in the state of keeping mouse or keyboard to press by mouse or
The pointer of keyboard moves to the top of second area DOM3 elements, then unclamps mousebutton (left button, right button, roller
Or other buttons) or keyboard button, now triggering DOM3 elements button lift event (such as mouseup
Event).
Herein also, it should be noted the above-mentioned mode for lifting event for triggering button of the application is not limited to mouse or key
Disk, for example, in touch display screen, the electric signal that can also be collected by touch-screen is realizing that triggering button lifts
Event.I.e. the B coordinates that user is put on touch-screen are detected, (B coordinates show page on the touchscreen for DOM3 positions
The coordinate in face) finger unclamp when, then triggering DOM3 elements button lift event.
In a kind of alternative embodiment that the application is provided, in step s 25 in the triggering display page in second area
Before the button of object element lifts event, this programme can also include:
Step S24, in the state of the button of the button or keyboard of mouse keeps pressing, controls the finger of mouse or keyboard
Pin is moved to the second area shown in the page;Wherein, at any time, if detecting the pointer of mouse or button
The top of the object element being moved in second area, and the button of the button or keyboard of mouse is lifted, then start and touch
The button for sending out the object element in second area lifts event.
In the application above-mentioned steps S24, mouse pointer or keyboard cursor are being moved on to user the unit of the source in first area
When the top of element, mousebutton or keyboard being pressed to trigger keyboard and pressing event, user keeps mouse to press
Mouse pointer or keyboard cursor are moved to above-mentioned second area by state that key or keyboard are pressed at any time
The top of object element, then at any time, unclamps or lifts the button of mousebutton or keyboard, with triggering
The button for stating second area object element lifts event.
Still by user in browser page as a example by the scene of mobile DOM element, user is by mouse pointer or keyboard
When pointer is moved to above the DOM1 elements in first area, press mousebutton or keyboard with trigger with
The key press event (such as mousedown events) of DOM1 elements in advance binding, when user keep mousebutton or
The state that keyboard is pressed, at any time, mouse pointer or keyboard cursor is moved to the DOM3 in second area
The top of element, then at any time, unclamps or lifts the button of mousebutton or keyboard to trigger and DOM3
The button of element binding in advance lifts event (mouseup), it follows that user is by way of controlling mouse drag
The transfer of the data of DOM element between the zones of different of the page can be realized.
From the foregoing, it will be observed that this programme can be by predefined mouse event (mousedown events, mouseup events)
Data associated by DOM element in first area in the display page are pulled the DOM element copied in second area
In, to realize the transfer for showing data in the page.If it should be noted that will realize while dragging the multiple DOM of transfer
Data associated by element, can be by any button on keyboard, preferably shifit keys.
In a kind of alternative embodiment that the application is provided, in step s 25 in the triggering display page in second area
Before the button of object element lifts event, this programme can also include:
Step S241, in the state of the button of the button or keyboard of mouse keeps pressing, controls the finger of mouse or keyboard
Pin is moved to the 3rd region shown in the page, and wherein, the 3rd region is to show appointing in addition to object element in the page
One region of meaning, and the button triggered in the 3rd region lifts event or click event cannot all start inquiry and target
The corresponding source element of element.
In the application above-mentioned steps S241, user trigger key press event in the source element in first area it
Afterwards, user can also control mouse or the pointer of keyboard moves to the 3rd region shown in the page, in above-mentioned 3rd area
In domain, the pointer of mouse or keyboard cannot be in the top of any one object element in second area, therefore, with
Any click event is triggered at family in the 3rd region or button lifts event cannot to start inquiry corresponding with object element
Source element.
Step S242, at any time, if the pointer for detecting mouse or button is moved to the secondth area from the 3rd region
The top of the object element in domain, and the button of the button or keyboard of mouse is lifted, then start in triggering second area
The button of object element lift event.
In the application above-mentioned steps S242, when mouse pointer or keyboard cursor are moved in above-mentioned 3rd region by user,
Although triggering any click event in the 3rd region in user or button lifting event and cannot start inquiry and target element
The corresponding source element of element, user equally can unclamp in above-mentioned 3rd region or lift mouse or keyboard, then trigger the
The button of the object element in two regions lifts event.
Still by user in browser page as a example by the scene of mobile DOM element, as shown in figure 4, user wish by
The data of the DOM1 elements correlations in first area are transferred in the DOM3 elements in second area, user operation mouse
Or keyboard cursor, when mouse pointer is above DOM1, the button of mouse or keyboard is pressed, keeping mouse
In the state of the button of mark or keyboard is pressed, user continues operation mouse or keyboard, by mouse pointer or keyboard cursor
The 3rd region of position having been moved to outside DOM element, alternatively, as shown in figure 4, the 3rd position is to show the page
Bezel locations, when mouse pointer is in three regions, although user does not choose the DOM3 in second area
Element, but user can equally unclamp or lift mouse or keyboard, now, then the DOM3 in second area that triggers
The button of element lifts event.
In a kind of alternative embodiment that the application is provided, step S21, triggering show in the page in first area
Before the key press event of individual or multiple source elements, this programme can also include:
Step S20, arranges the property value for hauling out attribute of each source element in first area, and arranges the secondth area
The property value for pulling attribute into of each object element in domain.
In the application above-mentioned steps S20, before the DOM element in triggering first area, first can be added in advance
Dragging in the DOM element in region in the hauling-out property value drag-out-name and second area of each DOM element
Enter the property value of property value drag-in-name, for example, by the drag-out-name of the DOM1 elements in first area
0 is set to, the drag-in-name of the DOM3 in second area is set to 0.
Alternatively, step S27, includes the step of lift corresponding with the object element source element of event query according to button:
Step S271, if the button for detecting object element lifts event be triggered, reads pulling into for object element
The property value of attribute.
Step S272, by finding the property value identical for pulling attribute into for hauling out the property value with object element of attribute
Source element, determines source element corresponding with object element.
The application above-mentioned steps S271 are lifted in the button of the object element for detecting second area into step S272
The property value of pulling into of above-mentioned object element after event is triggered, is then read, is then searched in above-mentioned first area and is dragged
Go out attribute and property value identical source element pulled into above-mentioned, and determine that it is source element corresponding with above-mentioned object element,
Then proceed to execution step S29.
Still so that user moves the scene of DOM element in browser page as an example, in second area is detected
The button of DOM3 is lifted after event is triggered, then read the property value of pulling into of DOM3, and DOM3 pulls attribute into for 0,
Then the DOM1 elements for hauling out property value also for 0 are found in the first region, it is determined that the DOM1 in first area
Element is that the DOM3 elements in second area are corresponding.
Explanation is needed exist for, in this programme, the hauling-out property value of the single DOM element in first area can be with
The single DOM for pulling the DOM element that property value is identical, in second area into the multiple DOM elements in second area
The property value of pulling into of element can be by identical with the hauling-out property value of the multiple DOM elements in first area, i.e. this programme
Can realize for the data of a DOM element association in first area being added simultaneously to the multiple DOM in second area
In element, it is also possible to which the data of the multiple DOM element associations in first area are added simultaneously in second area one
In individual DOM element.
Alternatively, after on the one or more source elements in step S23 by data buffer storage in first area, we
Method can also include:
Step S231, there occurs drag motions if detecting and having cached the source element of data, will there occurs that dragging is dynamic
The property value of the dragging attribute of the source element of work is set to ture, wherein, is finding the property value and mesh of hauling-out attribute
After the property value identical source element for pulling attribute into of mark element, if the property value of the dragging attribute of source element is
Ture, it is determined that the property value of the dragging attribute is source element corresponding with object element for the source element of ture.
In the application above-mentioned steps S231, after by data buffer storage DOM element in the first region, if used
Family triggers in first area the key press event of DOM element and controls mouse or keyboard cursor is moved, then say
Bright user there occurs dragging to the DOM element in above-mentioned first area, then in the first area for pulling above-mentioned user
The dragging attribute dragable of DOM element is set to true, finds hauling-out in step S272 in the first region
In the property value of attribute and second area after the multiple DOM elements of the property value identical for pulling attribute into of DOM element,
If the dragging property value of the one or more DOM elements in above-mentioned multiple DOM elements is true, it is determined that the dragging
Property value is the corresponding source element of DOM element in second area for the DOM element of true.
Still by user in browser page as a example by the scene of mobile DOM element, user's control mouse or keyboard cursor
In the first area top of DOM1 elements and press mouse or keyboard with trigger the DOM1 elements of first area by
Key presses event, and operates mouse or keyboard cursor to move, then user is described for DOM1 elements are pulled,
Also illustrate that the dragging attribute of DOM1 elements is then set to by data of the user in transfer DOM1 elements correlations, this programme
True, is then in the top of DOM3 in second area in mouse or keyboard cursor, and user unclamps or lifts mouse or key
Disk lifts event with the button for triggering DOM3, and what this programme then read DOM3 elements pulls property value 0 into, and first
Site polling obtains hauling out multiple DOM elements that property value is 0, is then hauling out multiple DOM units that property value is 0
In element, inquiry obtains pulling the DOM1 elements of property value dragable for true, it is determined that DOM1 elements are and DOM3
Element is corresponding, then obtains the data cached in DOM1 elements, and by the data buffer storage on DOM3 elements.
Alternatively, step S29, by the data buffer storage on source element corresponding with object element on the object element after,
This programme can also include:
Step S30, deletes the property value of the dragging attribute of source element, and removes the data cached on source element.
In the application above-mentioned steps S30, the data of the DOM element association in first area are being transferred to second area
In DOM element in after, this programme then deletes the attribute of the dragging attribute dragable of DOM element in first area
Then value removes the data cached on above-mentioned DOM element.
Still so that user moves the scene of DOM element in browser page as an example, as shown in figure 5, this programme exists in advance
In the DIV containers of source, register method C is Drag methods, is Drop methods in target DIV container register method D, should
Drag methods are used for adding drag-out-name property values 0 to the DOM1 elements in the DIV containers of source, and give DOM1
Element binding A events are key press event (such as mousedown).The Drop methods are used for holding to target DIV
The DOM3 of device adds drag-out-name property values 0, and is that button lifts event (example to DOM3 elements binding B
Such as mouseup).In user's trigger source DIV containers during the mousedown events of DOM1, DOM1 elements institute is read
Data DATA1 of association, and data DATA1 are buffered on the DOM1 elements of source DIV containers, and give DOM1
Add and pull property value:Dragable=true.When user triggers the mouseup events of DOM3 in target DIV container,
The drag-in-name property values 0 of DOM3 are read, and is found in one or more DOM of source region
Drag-out-name property values DOM1 also for 0 and dragable=true, and determine that the DOM1 is and DOM3
Corresponding DOM element.Then the data for caching (binding) in above-mentioned DOM1 are read, then post-processing object region DOM,
And by the data buffer storage (binding) cached in the DOM1 for reading in target DOM.Source region DOM1 is finally deleted
Dragable attributes, and clear up data cached.
Alternatively, obtain in step S27 after being buffered in the data on source element corresponding with object element, this programme
Can also include:
Step S273, according to the element information access target server of object element.
Step S274, receives the target data that destination server gets according to element information.
Data in target data and source element corresponding with object element are all buffered in object element by step S275
On.
The application above-mentioned steps S273 into step S275, in the number for getting caching DOM element in the first region
According to the DOM element that afterwards, can be obtained in second area element information and by the element information come access target take
Business device, above-mentioned destination server then store target data corresponding with the DOM element in second area, and this programme exists
After according to the element information access target server of the DOM element in second area, destination server can be received anti-
The target data of feedback, then this programme by after above-mentioned the caching in the first region data of DOM element together with above-mentioned mesh
Mark data are cached on DOM element in the second area simultaneously.
Still so that user moves the scene of DOM element in browser page as an example, in user by first area
Data associated by DOM1 elements are transferred in the scheme in the DOM3 elements in second area, by associated by DOM1
Data DATA1 be buffered on DOM3 elements after, can be gone in destination server with the element information according to DOM3
Corresponding data DATA2 of DOM3 elements are obtained, then DATA1 is buffered in DOM3 simultaneously together with DATA2.
Alternatively, step S275, the data in target data and source element corresponding with object element are all buffered in
After on object element, this programme can also include:
Step S276, post-processing object element in the second area for showing the page.
In the application above-mentioned steps S276, by corresponding for object element in second area target data and the firstth area
On source element in domain after object element of the data buffer storage in above-mentioned second area, this programme can be with above-mentioned
Above-mentioned object element is rendered in two regions, to generate the environment that data are tied to above-mentioned object element, it should be noted that
The present embodiment removes post-processing object element using the data of source element, can solve html5 realize DOM element pull when
Source element and the necessary identical problem of the rendering data of object element.
Alternatively, step S275, the data in target data and source element corresponding with object element are all buffered in
After on object element, this programme can also include:
Step S2751, the data of the target data cached on object element and source element corresponding with object element are entered
Row packing, generates updating the data for object element.
Step S2752, updating the data for object element is sent to destination server, before replacing in destination server
The target data of preservation.
Still by user in browser page as a example by the scene of mobile DOM element, by DOM3 elements in second area
Corresponding target data DATA1 of element information and first area in data DATA2 of DOM1 elements be all buffered in
After on above-mentioned DOM3 elements, all data cached on DOM3 can also be carried out packing and be updated the data simultaneously by this programme
Send to destination server, with the target data preserved before replacing destination server.
This application scenarios of DOM element in user's transfer page are described in detail with reference to Fig. 6, i.e. this programme
Can be implemented by for the data of the DOM1 associations in the DIV containers of source being transferred to target DIV container
In DOM3.
Step A, adds drag-out-name values 0 to the DOM1 in the DIV containers of source, presses to DOM1 binding buttons
Event (such as mousedown events).
Step B, adds drag-in-name values 0 to the DOM3 in target DIV container, gives DOM3 binding button lifts
Play event (such as mouseup events).
Step C, triggers mousedown events, obtains associated data DATA1 of DOM1, DATA1 is bundled in DOM1
On, the property value dragable of DOM1 is set to true.
Step D, triggers mouseup events, reads the drag-in-name values 0 of DOM3.
Step E:Value 0 according to drag-in-name finds the value of drag-out-name in the DIV containers of source
For the 0 and dragable DOM1 for being true.
Step F, sends DATA1 to target DIV container.
Step G, obtains DATA1, reads the element information of DOM3.
Step H, according to the element information access target server of DOM3.
Step I, destination server send the corresponding DATA2 of element information of DOM3 to target DIV container.
Step J, target DIV container reception DATA1, and DATA1 and DATA2 are buffered on DOM3.
Step K, target DIV container render DOM3 using DATA1 and DATA2.
DATA1 and DATA3 packing generations are updated the data by step L, target DIV container.
Step M, target DIV container send to destination server and update the data.
Step N, destination server replace it the data of front preservation using updating the data.
Step O, source DIV containers delete the attribute of the dragable of DOM1, and cleaning is buffered in the data on DOM1.
It should be noted that for aforesaid each method embodiment, in order to be briefly described, therefore which is all expressed as one it is
The combination of actions of row, but those skilled in the art should know, and the application is not limited by described sequence of movement
System, because according to the application, some steps can be carried out using other orders or simultaneously.Secondly, art technology
Personnel should also know that embodiment described in this description belongs to preferred embodiment, involved action and module
Not necessarily necessary to the application.
Through the above description of the embodiments, those skilled in the art is can be understood that according to above-mentioned enforcement
The method of example can add the mode of required general hardware platform by software to realize, naturally it is also possible to by hardware, but
The former is more preferably embodiment in many cases.Be based on such understanding, the technical scheme of the application substantially or
Say that the part contributed by prior art can be embodied in the form of software product, the computer software product is deposited
Storage is used so that a station terminal including some instructions in a storage medium (such as ROM/RAM, magnetic disc, CD)
Equipment (can be mobile phone, computer, server, or network equipment etc.) executes the side of each embodiment of the application
Method.
Embodiment 2
According to the embodiment of the present application, additionally provide a kind of for implementing the aobvious of the transfer method of data in the above-mentioned display page
Show the transfer device of data in the page, as shown in fig. 7, the device can include:First trigger element 51, obtains single
Unit 53, the second trigger element 55, query unit 57, buffer unit 59.
Wherein, the first trigger element 51, for triggering the one or more source elements in the display page in first area
Key press event;Acquiring unit 53, for associated with one or more source elements according to key press event acquisition
In data, and the one or more source elements by data buffer storage in first area;Second trigger element 55, for touching
Send out and show that the button of the object element in the page in second area lifts event;Query unit 57, for lifting according to button
Event query source element corresponding with object element is played, and obtains the number being buffered on source element corresponding with object element
According to;Buffer unit 59, for by the data buffer storage on source element corresponding with object element in object element.
Herein it should be noted that above-mentioned first trigger element 51, acquiring unit 53, the second trigger element 55, look into
Ask unit 57, buffer unit 59 corresponding to step S21 in embodiment one to step S29, five units with corresponding
The example realized by step is identical with application scenarios, but is not limited to one disclosure of that of above-described embodiment.Need to illustrate
, above-mentioned module as device a part may operate in embodiment one offer terminal 10 in.
From the foregoing, it will be observed that in the scheme that provided of the above embodiments of the present application two, if the user desired that by first area Zhong Yuan
The data of elements correlation are added in the object element in second area, can pass through trigger first area in one or
The key press event of multiple source elements, this programme can be obtained after detecting that above-mentioned key press event is triggered
In above-mentioned source element, then the data related to above-mentioned source element are simultaneously buffered in, and trigger above-mentioned second area in user
In object element button lift event after, this programme can inquire source element corresponding with above-mentioned object element,
And the data cached in above-mentioned source element are obtained, and be buffered in above-mentioned object element, by this programme, user is only
Need to trigger default key press event and button on display interface lift event can realize show the page in DOM
The transfer of the data of elements correlation, solve prior art in the page is realized element shift when the low technical problem of efficiency.
Alternatively, when the pointer of mouse or keyboard is placed on the top of the one or more elements in first area, and detect
After being pressed to the button of the button or keyboard of mouse, key press event is triggered.
Alternatively, when the pointer of mouse or keyboard is placed on the top of the object element in second area, and mouse is detected
Button or keyboard button be lifted after, triggering button lift event.
Alternatively, said apparatus as shown in Figure 8 can also include:First control unit 61, the first start unit 63.
Wherein, the first control unit 61, in the state of keeping pressing in the button of the button or keyboard of mouse, control
The pointer of mouse processed or keyboard is moved to the second area shown in the page;First start unit 63, for when any
Carve, if the pointer for detecting mouse or button is moved to the top of the object element in second area, and mouse is pressed
The button of key or keyboard is lifted, then the button for starting the object element in triggering second area lifts event.
Herein it should be noted that above-mentioned first control unit 61, the first start unit 63.Corresponding in embodiment one
The step of S24, two units are identical with example and application scenarios that corresponding step is realized, but are not limited to above-mentioned reality
Apply one disclosure of that of example.It should be noted that above-mentioned module may operate in embodiment as a part for device
In one terminal 10 for providing.
Alternatively, as shown in figure 9, said apparatus can also include:Second control unit 71, the second start unit 73.
Wherein, the second control unit 71, in the state of keeping pressing in the button of the button or keyboard of mouse, control
The pointer of mouse processed or keyboard is moved to the 3rd region shown in the page, and wherein, the 3rd region is removed for showing in the page
Any one region outside object element, and the button triggered in the 3rd region lift event or click event all without
Method starts inquiry source element corresponding with object element;Second start unit 73, at any time, if detection
The top of the object element in second area, and the button of mouse is moved to the pointer of mouse or button from the 3rd region
Or the button of keyboard is lifted, then the button for starting the object element in triggering second area lifts event.
Herein it should be noted that above-mentioned second control unit 71, the second start unit 73 is corresponding in embodiment one
The step of S241 to step S242, two units are identical with example and application scenarios that corresponding step is realized, but
It is not limited to one disclosure of that of above-described embodiment.It should be noted that above-mentioned module can be with as the part of device
Operate in the terminal 10 of the offer of embodiment one.
Alternatively, as shown in Figure 10, said apparatus can also include:First arranging unit 81.
Wherein, the first arranging unit 81, for arranging the attribute of the hauling-out attribute of each source element in first area
Value, and the property value for pulling attribute into of each object element in second area is set.
Herein it should be noted that above-mentioned first arranging unit 81 is corresponding to step S20 in embodiment one, above-mentioned list
The example and application scenarios realized by first with corresponding step is identical, but is not limited to one disclosure of that of above-described embodiment.
It should be noted that above-mentioned module may operate in the terminal 10 that embodiment one is provided as a part for device
In.
Alternatively, query unit 57 can include:Read module 571, determining module 572.
Wherein, read module 571, if be triggered for detecting the button of object element and lifting event, read
The property value for pulling attribute into of object element;Determining module 572, for by find haul out attribute property value with
The property value identical source element for pulling attribute into of object element, determines source element corresponding with object element.
Herein it should be noted that above-mentioned read module 571, determining module 572 is corresponding to the step in embodiment one
, to step S272, above-mentioned two module is identical with example and application scenarios that corresponding step is realized, but does not limit for S271
In one disclosure of that of above-described embodiment.It should be noted that above-mentioned module can be run as a part of of device
In the terminal 10 that embodiment one is provided.
Alternatively, as shown in figure 11, said apparatus can also include:Second arranging unit 91, processing unit 92.
Wherein, if the second arranging unit 91 there occurs drag motions for detecting the source element for having cached data,
The property value that there occurs the dragging attribute of the source element of drag motions is set to ture, processing unit 92 is used for looking into
After finding the property value identical source element for pulling attribute into of the property value and object element of hauling out attribute, if source is first
The property value of the dragging attribute of element is ture, it is determined that the property value of the dragging attribute is that the source element of ture is and mesh
The corresponding source element of mark element.
Herein it should be noted that above-mentioned second arranging unit 91 and processing unit 92 are corresponding in embodiment one
Step S231, said units are identical with example and application scenarios that corresponding step is realized, but are not limited to above-mentioned enforcement
One disclosure of that of example.It should be noted that above-mentioned module may operate in embodiment one as a part for device
In the terminal 10 of offer.
Alternatively, as shown in figure 12, said apparatus can also include:Delete unit 101.
Wherein, unit 101 is deleted, for deleting the property value of the dragging attribute of source element, and is removed slow on source element
The data that deposits.
Herein it should be noted that above-mentioned deletion unit 101 is corresponding to step S30 in embodiment one, said units
Identical with example and application scenarios that corresponding step is realized, but it is not limited to one disclosure of that of above-described embodiment.
It should be noted that above-mentioned module may operate in the terminal 10 that embodiment one is provided as a part for device
In.
Alternatively, as shown in figure 13, said apparatus can also include:Access unit 111, receiving unit 113, deposits
Storage unit 115.
Wherein, access unit 111, for the element information access target server according to object element;Receiving unit
113, for receiving the target data that destination server gets according to element information;Memory cell 115, for by mesh
Data in mark data and source element corresponding with object element are all buffered on object element.
Herein it should be noted that above-mentioned access unit 111, receiving unit 113, memory cell 115 is corresponding to enforcement
Step S273 in example one to step S275, example and application scenarios phase that three units are realized with corresponding step
With, but it is not limited to one disclosure of that of above-described embodiment.It should be noted that above-mentioned module one as device
Divide in the terminal 10 that the offer of embodiment one is provided.
Alternatively, as shown in figure 14, said apparatus can also include:Rendering unit 121.
Wherein, rendering unit 121, for post-processing object element in the second area for showing the page.
Herein it should be noted that above-mentioned rendering unit 121 is corresponding to step S276 in embodiment one, said units
Identical with example and application scenarios that corresponding step is realized, but it is not limited to one disclosure of that of above-described embodiment.
It should be noted that above-mentioned module may operate in the terminal 10 that embodiment one is provided as a part for device
In.
Alternatively, as shown in figure 15, said apparatus can also include:Updating block 131, replacement unit 133.
Wherein, updating block 131, for by the target data cached on object element and source corresponding with object element
The data of element are packed, and generate updating the data for object element;Replacement unit 133, for by object element
Transmission is updated the data to destination server, the target data preserved before replacing in destination server.
Herein it should be noted that above-mentioned updating block 131, replacement unit 133 is corresponding to the step in embodiment one
, to step S2752, said units are identical with example and application scenarios that corresponding step is realized, but are not limited to for S2751
One disclosure of that of above-described embodiment.It should be noted that above-mentioned module is may operate in as a part for device
In the terminal 10 that embodiment one is provided.
Embodiment 3
Embodiments herein can provide a kind of terminal, and the terminal can be in terminal group
Any one computer terminal.Alternatively, in the present embodiment, above computer terminal can also be replaced with
The terminal devices such as mobile terminal.
Alternatively, in the present embodiment, above computer terminal is may be located in multiple network equipments of computer network
At least one network equipment.
In the present embodiment, above computer terminal can execute show the page in data transfer method in following steps
Program code:Triggering shows the key press event of the one or more source elements in the page in first area;According to
Key press event obtains the data that associate with one or more source elements, and by data buffer storage in first area one
On individual or multiple source elements;Triggering shows that the button of the object element in the page in second area lifts event;According to pressing
Key lifts event query source element corresponding with object element, and obtains and be buffered on source element corresponding with object element
Data;By the data buffer storage on source element corresponding with object element on object element.
Alternatively, Figure 16 is a kind of structured flowchart of the terminal according to the embodiment of the present application.As shown in figure 16,
Terminal A can include:One or more (only illustrating one in figure) processors 510, memory 530,
And transmitting device 550.
Wherein, memory 530 can be used to store software program and module, the such as security breaches in the embodiment of the present application
Detection method and the corresponding programmed instruction/module of device, processor 510 are stored in soft in memory 530 by operation
Part program and module, so as to execute various function application and data processing, that is, realize that above-mentioned system vulnerability is attacked
Detection method.Memory 530 may include high speed random access memory, can also include nonvolatile memory, such as one
Individual or multiple magnetic storage devices, flash memory or other non-volatile solid state memories.In some instances, deposit
Reservoir 530 can further include the memory remotely located relative to processor 510, and these remote memories can lead to
Network connection is crossed to terminal A.The example of above-mentioned network include but is not limited to internet, intranet, LAN,
Mobile radio communication and combinations thereof.
Above-mentioned transmitting device 550 is used for receiving via a network or sends data.Above-mentioned network instantiation
May include cable network and wireless network.In an example, transmitting device 550 includes a network adapter
(Network Interface Controller, NIC), its can pass through netting twine with other network equipments and router phase
Even so as to can be communicated with internet or LAN.In an example, transmitting device 550 is radio frequency (Radio
Frequency, RF) module, which is used for wirelessly being communicated with internet.
Wherein, specifically, memory 530 be used for storing the information of deliberate action condition and default access user and
Application program.
Processor 510 can by transmitting device call memory 530 storage information and application program, with execution under
State step:Triggering shows the key press event of the one or more source elements in the page in first area;According to button
Press event and obtain the data that associate with one or more source elements, and one by data buffer storage in first area or
On multiple source elements;Triggering shows that the button of the object element in the page in second area lifts event;Lifted according to button
Event query source element corresponding with object element is played, and obtains the number being buffered on source element corresponding with object element
According to;By the data buffer storage on source element corresponding with object element on object element.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:When mouse or the pointer of keyboard
The top of the one or more elements being placed in first area, and detect the button of the button or keyboard of mouse and be pressed
Afterwards, key press event is triggered.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:When mouse or the pointer of keyboard
The top of the object element being placed in second area, and detect after the button of the button or keyboard of mouse is lifted,
Triggering button lifts event.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:Event is lifted in triggering button
Before, method also includes:In the state of the button of the button or keyboard of mouse keeps pressing, mouse or keyboard is controlled
Pointer be moved to show the page in second area;Wherein, at any time, if detecting mouse or button
Pointer is moved to the top of the object element in second area, and the button of the button or keyboard of mouse is lifted, then open
The button of the object element in dynamic triggering second area lifts event.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:Event is lifted in triggering button
Before, method also includes:In the state of the button of the button or keyboard of mouse keeps pressing, mouse or keyboard is controlled
Pointer be moved to show the page in the 3rd region, wherein, the 3rd region for show the page in addition to object element
Any one region, and the button triggered in the 3rd region lift event or click event cannot all start inquiry with
The corresponding source element of object element;At any time, if the pointer for detecting mouse or button is moved from the 3rd region
The top of the object element to second area, and the button of the button or keyboard of mouse is lifted, then start triggering the
The button of the object element in two regions lifts event.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:Show the in the page in triggering
Before the key press event of the one or more source elements in one region, method also includes:Arrange in first area
The property value of the hauling-out attribute of each source element, and each object element in second area is set pull attribute into
Property value;Wherein, the step of lifting corresponding with the object element source element of event query according to button includes:If
The button for detecting object element lifts event and is triggered, then read the property value for pulling attribute into of object element;Pass through
The property value identical source element for pulling attribute into for hauling out the property value with object element of attribute is found, is determined and target
The corresponding source element of element.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:By data buffer storage first
After on one or more source elements in region, method also includes:If detecting the source element for having cached data
Drag motions are given birth to, then the property value that there occurs the dragging attribute of the source element of drag motions has been set to ture, wherein,
After the property value identical source element for pulling attribute into for hauling out the property value with object element of attribute is found, if
The property value of the dragging attribute of source element is ture, it is determined that the property value of the dragging attribute is that the source element of ture is
Source element corresponding with object element.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:Will be corresponding with object element
Source element on data buffer storage on the object element after, method also includes:Delete the category of the dragging attribute of source element
Property value, and remove on source element cache data.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:It is buffered in and target in acquisition
After data on the corresponding source element of element, method also includes:Taken according to the element information access target of object element
Business device;The target data that destination server gets is received according to element information;By target data and and object element
Data on corresponding source element are all buffered on object element.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:It is buffered in and target in acquisition
After data on the corresponding source element of element, method also includes:Post-processing object unit in the second area for showing the page
Element.
Optionally, above-mentioned processor 510 can also carry out the program code of following steps:By target data and with
After data on the corresponding source element of object element are all buffered on object element, method also includes:By object element
The data of the target data of upper caching and source element corresponding with object element are packed, and generate the renewal of object element
Data;Updating the data for object element is sent to destination server, the target preserved before replacing in destination server
Data.
Using the embodiment of the present application, there is provided the scheme of the transfer method of data in a kind of display page.Aobvious by triggering
Show the key press event of the one or more source elements in the page in first area;According to key press event obtain with
The data of one or more source element associations, and on the one or more source elements by data buffer storage in first area;
Triggering shows that the button of the object element in the page in second area lifts event;Event query and mesh are lifted according to button
The corresponding source element of mark element, and obtain the data being buffered on source element corresponding with object element;Will be with target element
Data buffer storage on the corresponding source element of element on object element, so as to reach the mesh for reducing the fault rate that list is filled in
, so solve prior art in the page is realized element shift when the low technical problem of efficiency.
It will appreciated by the skilled person that the structure shown in Figure 16 is only to illustrate, terminal can also be
Smart mobile phone (such as Android phone, iOS mobile phones etc.), panel computer, applause computer and mobile internet device
The terminal device such as (Mobile Internet Devices, MID), PAD.Figure 16 its not to above-mentioned electronic installation
Structure cause to limit.For example, terminal 10 may also include the component more or more less than shown in Figure 16
(such as network interface, display device etc.), or with the configuration different from shown in Figure 16.
One of ordinary skill in the art will appreciate that all or part of step in the various methods of above-described embodiment is can be with
Completed come the device-dependent hardware of command terminal by program, the program can be stored in a computer-readable storage medium
In matter, storage medium can include:Flash disk, read-only storage (Read-Only Memory, ROM), deposit at random
Take device (Random Access Memory, RAM), disk or CD etc..
Embodiment 4
Embodiments herein additionally provides a kind of storage medium.Alternatively, in the present embodiment, above-mentioned storage medium
Can be used for preserving the program code shown in the page performed by the transfer method of data provided by above-described embodiment one.
Alternatively, in the present embodiment, above-mentioned storage medium is may be located in computer network Computer terminal group
In any one terminal, or in any one mobile terminal in mobile terminal group.
Alternatively, in the present embodiment, storage medium is arranged to store the program code for being used for executing following steps:
Triggering shows the key press event of the one or more source elements in the page in first area;According to key press event
Obtain the data associated with one or more source elements, and the one or more source units by data buffer storage in first area
On element;Triggering shows that the button of the object element in the page in second area lifts event;Event is lifted according to button to look into
Source element corresponding with object element is ask, and obtains the data being buffered on source element corresponding with object element;Will be with
Data buffer storage on the corresponding source element of object element is on object element.
Herein it should be noted that any one in above computer terminal group can be with Website server and scanner
Correspondence, the value order of the weblication that scanner can be executed is set up with php in scanning computer terminal.
Above-mentioned the embodiment of the present application sequence number is for illustration only, does not represent the quality of embodiment.
In above-described embodiment of the application, the description of each embodiment is all emphasized particularly on different fields, do not had in certain embodiment
The part of detailed description, may refer to the associated description of other embodiment.
In several embodiments provided herein, it should be understood that disclosed client, can pass through other
Mode is realized.Wherein, device embodiment described above is only the schematically division of for example described unit,
It is only a kind of division of logic function, when actually realizing, can has other dividing mode, for example multiple units or component
Can in conjunction with or be desirably integrated into another system, or some features can be ignored, or not execute.Another, institute
The coupling each other for showing or discussing or direct-coupling or communication connection can be by some interfaces, unit or mould
The INDIRECT COUPLING of block or communication connection, can be electrical or other forms.
The unit that illustrates as separating component can be or may not be physically separate, aobvious as unit
The part for showing can be or may not be physical location, you can be located at a place, or can also be distributed to
On multiple NEs.Some or all of unit therein can be selected according to the actual needs to realize the present embodiment
The purpose of scheme.
In addition, each functional unit in the application each embodiment can be integrated in a processing unit, it is also possible to
It is that unit is individually physically present, it is also possible to which two or more units are integrated in a unit.Above-mentioned integrated
Unit both can be realized in the form of hardware, it would however also be possible to employ the form of SFU software functional unit is realized.
If the integrated unit realized using in the form of SFU software functional unit and as independent production marketing or use when,
Can be stored in a computer read/write memory medium.It is based on such understanding, the technical scheme essence of the application
On all or part of part that in other words prior art is contributed or the technical scheme can be with software product
Form is embodied, and the computer software product is stored in a storage medium, is used so that one including some instructions
Platform computer equipment (can be personal computer, server or network equipment etc.) executes each embodiment institute of the application
State all or part of step of method.And aforesaid storage medium includes:USB flash disk, read-only storage (ROM, Read-Only
Memory), random access memory (RAM, Random Access Memory), portable hard drive, magnetic disc or CD
Etc. various can be with the medium of store program codes.
The above is only the preferred embodiment of the application, it is noted that for the ordinary skill people of the art
For member, on the premise of without departing from the application principle, some improvements and modifications can also be made, these improve and moisten
Decorations also should be regarded as the protection domain of the application.
Claims (22)
1. a kind of show the page in data transfer method, it is characterised in that include:
Triggering shows the key press event of the one or more source elements in the page in first area;
The data associated with one or more of source elements are obtained according to the key press event, and will be described
On one or more of source elements of the data buffer storage in the first area;
The triggering button for showing the object element in the page in second area lifts event;
Event query source element corresponding with the object element is lifted according to the button, and obtain be buffered in
Data on the corresponding source element of the object element;
By the data buffer storage on source element corresponding with the object element on the object element.
2. method according to claim 1, it is characterised in that when the pointer of mouse or keyboard is placed on firstth area
The top of the one or more elements in domain, and detect the mouse button or the keyboard button by by
After lower, the key press event is triggered.
3. method according to claim 1, it is characterised in that when the pointer of mouse or keyboard is placed on secondth area
The top of the object element in domain, and detect the button of the button or the keyboard of the mouse and be lifted
Afterwards, trigger the button and lift event.
4. method according to claim 3, it is characterised in that triggering before the button lifts event, described
Method also includes:
In the state of the button of the button or the keyboard of the mouse keeps pressing, the mouse or key is controlled
The pointer of disk is moved to the second area shown in the page;
Wherein, at any time, if the pointer for detecting the mouse or button is moved to the second area
The top of interior object element, and the button of the button of the mouse or the keyboard is lifted, then start triggering
The button of the object element in the second area lifts event.
5. method according to claim 3, it is characterised in that triggering before the button lifts event, described
Method also includes:
In the state of the button of the button or the keyboard of the mouse keeps pressing, the mouse or key is controlled
The pointer of disk is moved to the 3rd region shown in the page, and wherein, the 3rd region is the display page
Any one region in face in addition to the object element, and the button of triggering is lifted in the 3rd region
Event or click event cannot all start inquiry source element corresponding with the object element;
At any time, if the pointer for detecting the mouse or button be moved to from the 3rd region described
The top of the object element in second area, and the button of the button of the mouse or the keyboard is lifted, then
The button for starting the object element in the triggering second area lifts event.
6. method as claimed in any of claims 1 to 5, it is characterised in that show in the page the in triggering
Before the key press event of the one or more source elements in one region, methods described also includes:
The property value for hauling out attribute of each source element in the first area is set, and arranges described second
The property value for pulling attribute into of each object element in region;
Wherein, the step of lifting corresponding with the object element source element of event query according to the button includes:
If the button for detecting the object element lifts event and is triggered, dragging for the object element is read
Enter the property value of attribute;
By finding the property value identical source for pulling attribute into for hauling out the property value with the object element of attribute
Element, determines source element corresponding with the object element.
7. method according to claim 6, it is characterised in that by the data buffer storage in the first area
One or more of source elements on after, methods described also includes:If detecting the source for having cached data
Element there occurs drag motions, then set the property value that there occurs the dragging attribute of the source element of the drag motions
It is set to ture,
Wherein, identical with the property value for pulling attribute into of the object element in the property value for finding hauling-out attribute
Source element after, if the property value of the dragging attribute of the source element is ture, it is determined that dragging category
Property property value be source element corresponding with the object element for the source element of ture.
8. method according to claim 7, it is characterised in that will be on source element corresponding with the object element
Data buffer storage on the object element after, methods described also includes:
The property value of the dragging attribute of the source element is deleted, and removes the data cached on the source element.
9. method according to claim 1, it is characterised in that be buffered in acquisition corresponding with the object element
After data on source element, methods described also includes:
Element information access target server according to the object element;
The target data that the destination server gets is received according to the element information;
Data in the target data and source element corresponding with the object element are all buffered in the mesh
On mark element.
10. the method according to claim 1 or 9, it is characterised in that be buffered in and the object element pair in acquisition
After the data on source element that answers, methods described also includes:
The object element is rendered in the second area for showing the page.
11. methods according to claim 9, it is characterised in that by the target data and with the target element
After data on the corresponding source element of element are all buffered on the object element, methods described also includes:
By the target data cached on the object element and the source element corresponding with the object element
Data packed, generate the object element and update the data;
Updating the data for the object element is sent to the destination server, is replaced in the destination server
The target data for preserving before.
12. a kind of transfer devices for showing data in the page, it is characterised in that include:
First trigger element, for triggering the button for showing the one or more source elements in the page in first area
Press event;
Acquiring unit, for associated with one or more of source elements according to key press event acquisition
In data, and the one or more of source elements by the data buffer storage in the first area;
Second trigger element, lifts for triggering the button for showing the object element in the page in second area
Event;
Query unit, for lifting event query source element corresponding with the object element according to the button,
And obtain the data being buffered on source element corresponding with the object element;
Buffer unit, for by the data buffer storage on source element corresponding with the object element in the target element
On element.
13. devices according to claim 12, it is characterised in that when the pointer of mouse or keyboard is placed on firstth area
The top of the one or more elements in domain, and detect the mouse button or the keyboard button by by
After lower, the key press event is triggered.
14. devices according to claim 12, it is characterised in that when the pointer of mouse or keyboard is placed on secondth area
The top of the object element in domain, and detect the button of the button or the keyboard of the mouse and be lifted
Afterwards, trigger the button and lift event.
15. devices according to claim 14, it is characterised in that described device also includes:
First control unit, in the state of keeping pressing in the button of the button of the mouse or the keyboard,
The pointer for controlling the mouse or keyboard is moved to the second area shown in the page;
First start unit, at any time, if the pointer for detecting the mouse or button is moved to
The top of the object element in the second area, and the button of the button of the mouse or the keyboard is lifted,
The button for then starting the object element in the triggering second area lifts event.
16. devices according to claim 14, it is characterised in that described device also includes:
Second control unit, in the state of keeping pressing in the button of the button of the mouse or the keyboard,
The pointer for controlling the mouse or keyboard is moved to the 3rd region shown in the page, wherein, the described 3rd
Region is described any one region shown in the page in addition to the object element, and in the 3rd region
The button of middle triggering lifts event or click event cannot all start inquiry source element corresponding with the object element;
Second start unit, at any time, if detect the pointer of the mouse or button from described
3rd region is moved to the top of the object element in the second area, and the button of the mouse or the key
The button of disk is lifted, then the button for starting the object element in the triggering second area lifts event.
17. devices according to any one in claim 12 to 16, it is characterised in that described device also includes:
First arranging unit, for arranging the attribute of the hauling-out attribute of each source element in the first area
Value, and the property value for pulling attribute into of each object element in the second area is set;
Wherein, the query unit includes:
Read module, if be triggered for detecting the button of the object element and lifting event, reads institute
State the property value for pulling attribute into of object element;
Determining module, for the attribute of pulling into by finding property value and the object element of hauling out attribute
Property value identical source element, determines source element corresponding with the object element.
18. devices according to claim 17, it is characterised in that described device also includes:Second arranging unit, uses
If drag motions are there occurs in the source element that cached data is detected, will there occurs the drag motions
The property value of the dragging attribute of source element is set to ture,
Wherein, described device also includes:Processing unit, if the attribute of the dragging attribute for the source element
It is worth for ture, it is determined that the property value of the dragging attribute is that the source element of ture is and the object element pair
The source element that answers.
19. devices according to claim 18, it is characterised in that described device also includes:
Unit is deleted, for deleting the property value of the dragging attribute of the source element, and is removed on the source element
The data of caching.
20. devices according to claim 12, it is characterised in that described device also includes:
Access unit, for the element information access target server according to the object element;
Receiving unit, for receiving the target data that the destination server gets according to the element information;
Memory cell, for by the data in the target data and source element corresponding with the object element
All it is buffered on the object element.
21. devices according to claim 12 or 20, it is characterised in that described device also includes:
Rendering unit, for rendering the object element in the second area for showing the page.
22. devices according to claim 20, it is characterised in that described device also includes:
Updating block, for will on the object element cache the target data and with the object element pair
The data of the source element that answers are packed, and generate updating the data for the object element;
Replacement unit, for sending updating the data for the object element to the destination server, replaces institute
The target data preserved before stating in destination server.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510564253.6A CN106503009B (en) | 2015-09-07 | 2015-09-07 | Method and device for transferring data in display page |
PCT/CN2016/096791 WO2017041632A1 (en) | 2015-09-07 | 2016-08-25 | Method and apparatus for transferring data in display page |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510564253.6A CN106503009B (en) | 2015-09-07 | 2015-09-07 | Method and device for transferring data in display page |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106503009A true CN106503009A (en) | 2017-03-15 |
CN106503009B CN106503009B (en) | 2019-12-06 |
Family
ID=58239143
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510564253.6A Active CN106503009B (en) | 2015-09-07 | 2015-09-07 | Method and device for transferring data in display page |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN106503009B (en) |
WO (1) | WO2017041632A1 (en) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108932240A (en) * | 2017-05-23 | 2018-12-04 | 华为技术有限公司 | Accelerate method, apparatus, equipment and the storage medium that cursor is mobile in network view |
CN109684400A (en) * | 2018-12-29 | 2019-04-26 | 国网江苏省电力有限公司 | A method of the master data management automation based on RPA finance robot |
CN110764674A (en) * | 2019-09-12 | 2020-02-07 | 湖南新云网科技有限公司 | Method and system for erasing note primitives of electronic whiteboard and electronic whiteboard |
CN111104109A (en) * | 2018-10-29 | 2020-05-05 | 北京数聚鑫云信息技术有限公司 | Method, system, medium and computer equipment for processing right-click menu on WEB page |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111913637B (en) * | 2020-08-28 | 2024-01-02 | 平安国际智慧城市科技股份有限公司 | Component operation control method, device and storage medium |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101359285A (en) * | 2007-08-02 | 2009-02-04 | 珠海金山软件股份有限公司 | Apparatus and method for inserting control into document |
US20090049375A1 (en) * | 2007-08-18 | 2009-02-19 | Talario, Llc | Selective processing of information from a digital copy of a document for data entry |
CN101937310A (en) * | 2010-09-06 | 2011-01-05 | 宇龙计算机通信科技(深圳)有限公司 | File copying method and terminal |
US20110107200A1 (en) * | 2007-05-29 | 2011-05-05 | Microsoft Corporation | Retaining Style Information when Copying Content |
CN102479103A (en) * | 2010-11-23 | 2012-05-30 | 金蝶软件(中国)有限公司 | Method, device and communication terminal for duplicating information of control |
CN103500053A (en) * | 2013-09-04 | 2014-01-08 | 上海软智信息科技有限公司 | Method and device for cross-domain data interaction |
CN103902580A (en) * | 2012-12-28 | 2014-07-02 | 腾讯科技(深圳)有限公司 | Method and device for dragging multiple elements in webpage |
CN104133828A (en) * | 2013-04-30 | 2014-11-05 | 奥多比公司 | Drag-and-drop clipboard for HTML documents |
CN104346465A (en) * | 2014-11-07 | 2015-02-11 | 北京奇虎科技有限公司 | Method and device for saving web page elements, and browser client |
CN104615665A (en) * | 2015-01-12 | 2015-05-13 | 华为技术有限公司 | Method and device for display control of information in webpage |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101697156B (en) * | 2009-10-29 | 2016-01-06 | 孟智平 | A kind of method and system of constructing chain web pages |
CN103777936B (en) * | 2012-10-25 | 2017-10-31 | 金蝶软件(中国)有限公司 | The implementation method and device of the user variable level view of ERP lists |
-
2015
- 2015-09-07 CN CN201510564253.6A patent/CN106503009B/en active Active
-
2016
- 2016-08-25 WO PCT/CN2016/096791 patent/WO2017041632A1/en active Application Filing
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110107200A1 (en) * | 2007-05-29 | 2011-05-05 | Microsoft Corporation | Retaining Style Information when Copying Content |
CN101359285A (en) * | 2007-08-02 | 2009-02-04 | 珠海金山软件股份有限公司 | Apparatus and method for inserting control into document |
US20090049375A1 (en) * | 2007-08-18 | 2009-02-19 | Talario, Llc | Selective processing of information from a digital copy of a document for data entry |
CN101937310A (en) * | 2010-09-06 | 2011-01-05 | 宇龙计算机通信科技(深圳)有限公司 | File copying method and terminal |
CN102479103A (en) * | 2010-11-23 | 2012-05-30 | 金蝶软件(中国)有限公司 | Method, device and communication terminal for duplicating information of control |
CN103902580A (en) * | 2012-12-28 | 2014-07-02 | 腾讯科技(深圳)有限公司 | Method and device for dragging multiple elements in webpage |
CN104133828A (en) * | 2013-04-30 | 2014-11-05 | 奥多比公司 | Drag-and-drop clipboard for HTML documents |
CN103500053A (en) * | 2013-09-04 | 2014-01-08 | 上海软智信息科技有限公司 | Method and device for cross-domain data interaction |
CN104346465A (en) * | 2014-11-07 | 2015-02-11 | 北京奇虎科技有限公司 | Method and device for saving web page elements, and browser client |
CN104615665A (en) * | 2015-01-12 | 2015-05-13 | 华为技术有限公司 | Method and device for display control of information in webpage |
Non-Patent Citations (2)
Title |
---|
PETER LUBBERS 等: "《Pro HTML5 Programming》", 31 December 2011 * |
郭慧爽: "解决网页无法复制方法的探析", 《电脑开发与应用》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108932240A (en) * | 2017-05-23 | 2018-12-04 | 华为技术有限公司 | Accelerate method, apparatus, equipment and the storage medium that cursor is mobile in network view |
CN108932240B (en) * | 2017-05-23 | 2020-11-17 | 华为技术有限公司 | Method, device, equipment and storage medium for accelerating cursor movement in network view |
CN111104109A (en) * | 2018-10-29 | 2020-05-05 | 北京数聚鑫云信息技术有限公司 | Method, system, medium and computer equipment for processing right-click menu on WEB page |
CN109684400A (en) * | 2018-12-29 | 2019-04-26 | 国网江苏省电力有限公司 | A method of the master data management automation based on RPA finance robot |
CN110764674A (en) * | 2019-09-12 | 2020-02-07 | 湖南新云网科技有限公司 | Method and system for erasing note primitives of electronic whiteboard and electronic whiteboard |
Also Published As
Publication number | Publication date |
---|---|
WO2017041632A1 (en) | 2017-03-16 |
CN106503009B (en) | 2019-12-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104412249B (en) | File disposal in file system based on cloud | |
US9871903B2 (en) | Mobile computing terminal with more than one lock screen and method of using the same | |
CN102918486B (en) | WEB application navigation field | |
CN106503009A (en) | Show the transfer method and device of data in the page | |
CN107783702A (en) | Control method, the device and system of display data | |
CN104834753A (en) | Webpage screenshot generating method and device | |
CN107908472A (en) | Data synchronization unit, method and computer-readable recording medium | |
CN102947792A (en) | Web application transitioning and transient web applications | |
CN103098001B (en) | A kind of disposal route of user interface and electronic equipment | |
CN102939583A (en) | Creating task sessions | |
CN106201170A (en) | The footmark processing method of a kind of application icon and terminal | |
US10430065B2 (en) | Pinable and actionable navigation breadcrumbs | |
US10552029B2 (en) | Pinable and actionable navigation breadcrumbs | |
CN104216607A (en) | Icon dragging method and system based on HTML5 virtual operation system | |
CN107368511A (en) | A kind of information displaying method and device | |
CN105335419B (en) | Web page picture loading method and device | |
CN107291759A (en) | The treating method and apparatus of browser page resource | |
CN110347458A (en) | Button control display method and device, storage medium and interactive intelligent panel | |
EP2437184A1 (en) | Host apparatus and method of displaying content by the same | |
CN106446114B (en) | Data migration method and device | |
CN109240756A (en) | A kind of method and device of dynamically load JavaScript module | |
CN105122238A (en) | Non-collaborative filters in a collaborative document | |
CN103677519A (en) | Method for collecting multimedia resource, terminal and server | |
CN105578294B (en) | Browse switching handling method, apparatus and system | |
CN103955478B (en) | Buttoned-up web page tag and/or the display packing of browser window and device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |