CN106503009A - Show the transfer method and device of data in the page - Google Patents

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

Show the transfer method and device of data in the page

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.