CN103500053A - 一种跨域数据交互方法和装置 - Google Patents

Abstract

本发明公开了一种跨域数据交互的方法和装置，该方法在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，所述子窗口属于第二域；接收将所述主页面窗口内的拖拽对象拖拽至所述子窗口内的操作；通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内，其中，所述代理页面属于所述第一域；所述第一属性参数为浏览器中的全局属性；利用所述子窗口获取所述代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。该方法可以实现不同域的页面之间的数据交互，从而避免了不同域名页面之间的控件拖拽失效情况。

Description

一种跨域数据交互方法和装置

技术领域

本发明涉及人机交互界面技术领域，尤其涉及一种跨域数据交互方法和装置。

背景技术

人机交互界面是人与计算机之间进行各种符号和动作的信息交换平台。在人机交互界面的开发过程中，常常会涉及到控件的拖拽，以在一个父页面中加载另外一个或多个不同子页面。

但是当子页面口与父页面对应的网站不是同源网站时，则会涉及到跨域访问的问题。所谓跨越访问是与非同源的网站进行数据交互。而同源也就是本领域通常所说的两个页面的同域，即两个页面具有相同的规则协议、域名、出口IP和相同的端口号。由于在父页面中创建有子页面的情况下，浏览器不支持跨域访问，因此，当子页面与父页面不同域时，则可能会导致无法在父页面中加载子页面，使得控件拖拽失效，从而无法完成相应的开发目的。

发明内容

有鉴于此，本发明提供一种跨域数据交互方法和装置，以实现不同域的页面之间的数据交互，从而避免了不同域名页面之间的控件拖拽失效情况。

为解决以上问题，本发明提供了一种跨域数据交互方法，所述方法包括：

在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，所述子窗口属于第二域；

接收将所述主页面窗口内的拖拽对象拖拽至所述子窗口内的操作；

通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内，其中，所述代理页面属于所述第一域；所述第一属性参数为所述浏览器中的全局属性；

利用所述子窗口获取所述代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。

可选的，所述通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，包括：

将所述子窗口的iframe地址更改为所述代理页面的地址，以触发所述代理页面从所述主页面窗口调取所述拖拽对象的关联数据。

可选的，所述将所述关联数据存储至所述代理页面的第一属性参数内，包括：

将所述关联数据存储至所述代理页面的name属性值中。

可选的，在所述在浏览器中展现创建有子窗口的主页面窗口的同时，还包括：

进行拖拽事件的初始化；

其中，所述进行拖拽事件的初始化，包括：

创建至少一个拖拽对象，并记录鼠标在当前时刻相对于各个拖拽对象的坐标；

创建开始拖拽事件函数对象、拖动事件函数对象和停止拖动事件对象函数；

将所述开始拖动事件函数对象绑定到拖拽对象的鼠标按下事件；

将所述拖动事件函数对象绑定到文档对象的鼠标移动事件；

将所述停止事件对象函数绑定到文档对象的鼠标按键释放事件。

可选的，所述关联数据包括：

所述拖拽对象的属性信息、所述拖拽对象的渲染方式以及所述拖拽对象对应的事件。

另一方面，本发明还提供了一种跨域数据交互装置，包括：

展现单元，用于在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，所述子窗口属于第二域；

操作检测单元，用于接收将所述主页面窗口内的拖拽对象拖拽至所述子窗口内的操作；

数据获取单元，用于通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内，其中，所述代理页面属于所述第一域；所述第一属性参数为所述浏览器中的全局属性；

数据处理单元，用于利用所述子窗口获取所述代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。

可选的，所述数据获取单元，包括：

第一数据获取单元，用于将所述子窗口的iframe地址更改为所述代理页面的地址，以触发所述代理页面从所述主页面窗口调取所述拖拽对象的关联数据。

可选的，所述数据获取单元，包括：

第二数据获取单元，用于通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的name属性值中。

可选的，该装置还包括：

事件初始化单元，用于在所述展现单元展现所述主页面窗口时，进行拖拽事件的初始化；

其中，所述事件初始化单元，包括：

初始设置单元，用于创建至少一个拖拽对象，并记录鼠标在当前时刻相对于各个拖拽对象的坐标；

事件创建单元，用于创建开始拖拽事件函数对象、拖动事件函数对象和停止拖动事件对象函数；

第一初始化单元，用于将所述开始拖动事件函数对象绑定到拖拽对象的鼠标按下事件；

第二初始化单元，用于将所述拖动事件函数对象绑定到文档对象的鼠标移动事件；

第三初始化单元，用于将所述停止事件对象函数绑定到文档对象的鼠标按键释放事件。

可选的，所述关联数据包括：

所述拖拽对象的属性信息、所述拖拽对象的渲染方式以及所述拖拽对象对应的事件。

从上述的技术方案可以看出，本发明实施例公开了一种跨域数据交互方法和装置，该方法在展现的主页面窗口内创建有不同域的子窗口的情况下，可以通过预设设置的与主页面窗口同域的代理页面与该主页面窗口进行数据交互，由该代理页面从该主页面窗口中获取该拖拽对象的关联数据。同时，该代理页面将获取到的关联数据存储至第一属性参数中，而该第一属性参数为一个浏览器的全局的属性，因此，该子窗口可以获取该代理页面的第一属性参数内的该关联数据，从而最终使得该子窗口能够获取到该拖拽对象的关联数据，进而能够在该子窗口内进行该拖拽对象的加载与渲染，从而避免了子窗口与主页面窗口不同域时，控件拖拽失效，进而导致无法在主页面窗口中加载子窗口的情况出现。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明一种跨域数据交互方法一个实施例的流程示意图；

图2为本发明一种跨域数据交互装置一个实施例的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例公开了一种跨域数据交互方法，以实现不同域的页面之间的数据交互，进而提高不同域下的控件拖拽的可靠性。

参见图1，示出了本发明一种跨域数据交互方法一个实施例的流程示意图，该方法应用于在浏览器进行界面开发，本实施例的方法，包括：

步骤101：在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，该子窗口属于第二域。

在浏览器中加载并展现一个主页面窗口，在该主页面窗口下创建有iframe窗口也就是该子窗口。其中，iframe是一种超文本标记语言（HTML，HypertextMarkup Language）标签，通过iframe可以创建包含另一个文档的内联框架。其中，该主页面窗口相当于一个父窗口，而子窗口是指该主页面窗口中建立的一个iframe窗口。该主页面窗口也可以称为父页面框架，相应的，子窗口也可以称为子框架。可以理解的，在主页面窗口中创建的子窗口的数量可以是一个，也可以是多个。

在本申请实施例中，该主页面窗口与子窗口为不同域名，也就是说该主页面窗口对应的网站与该子窗口对应的网站为非同源网站。为了便于区分，将该主页面窗口所属的域名称为第一域，而将该子窗口所属的域名称为第二域。例如，主页面窗口A所属的域名为http://www.a.com/a.js；而子窗口所属的域名为http://www.b.com/a.js，则该主页面窗口与子窗口是不同域。

步骤102：接收将主页面窗口内的拖拽对象拖拽至所述子窗口内的操作。

其中，拖拽是这一种java script特效，而推拽对象也可以理解为控件，它是对数据和方法的封装，在本申请实施例中控件可以包括为完成特定目的而编写的HTML表单、元素或者表单与元素的集合等。一般拖拽对象在加载该主页面窗口的过程中，放在初始化程序中。

在进行用户界面开发的过程中，如果该主页面窗口中创建有iframe窗口，可以通过向该iframe窗口内拖拽控件，以对该iframe窗口进行控件放置并进行相应的布局设置。当用户进行拖拽对象的拖拽时，能够监测到鼠标的拖拽动作。当用户将该拖拽对象拖拽至该子窗口内并释放鼠标时，则认为完成一次拖拽操作。通过浏览器可以获取到拖拽对象被拖拽的轨迹，并能够最终确定出该拖拽对象在该子窗口内的位置等信息。其中，通过浏览器监控该拖拽对象的拖拽操作的过程与现有的方式相同，在此不再赘述。

步骤103：通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内。

其中，所述代理页面属于所述第一域，所述第一属性参数为浏览器中的全局属性。

其中，该代理页面是预先设置的，独立于该父页面窗口和该子页面窗口一个页面。同时，该代理页面是与该主页面窗口同域的页面，以使得该代理页面能够与该主页面窗口进行数据交互。

当检测到向该子窗口内拖拽操作结束时，为了能够在子窗口内加载并展现该拖拽对象，该子窗口iframe需要调用该拖拽对象的关联数据，以便对该拖拽对象进行加载与渲染。

其中，该拖拽对象的关联数据，也就是与该拖拽对象绑定的数据，具体的可以包括：该拖拽对象的属性信息，如该拖拽对象的名称、该拖拽对象的长、宽、高等；该关联数据还可以包括该拖拽对象的控制渲染方法以及控件对应的事件。如该控件对应的函数等。

由于子窗口与主页面窗口是不同域窗口，而浏览器不允许跨域访问，从而使得子窗口不能与主页面窗口的数据进行交互，进而使得子窗口不能直接从主页面窗口获取到该拖拽对象的关联数据。然而，由于该代理页面与主页面窗口是同域的，因此，可以通过指示该代理页面，进而由该代理页面与该主页面窗口进行数据交互，从而调取该主页面窗口内该拖拽对象的相关数据。也就是说，在检测到拖拽操作结束时，通过该代理页面与主页面窗口进行数据交互，以获取该拖拽对象的关联数据。

步骤104：利用该子窗口获取该代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。

在检测到该代理页面获取到该拖拽对象的关联数据后，将该关联数据存储至该代理页面的第一属性参数内，而由于该第一属性参数是浏览器的一个全局的属性，因此，其他窗口无论是否与该代理窗口同域，都可以访问该代理页面的该第一属性参数。因此，该子窗口便可以通过访问该代理页面的第一属性参数来调用该关联数据，进而可以依据该拖拽对象的关联数据，以及该拖拽对象在该子窗口内的位置，在该子窗口内进行该拖拽对象的加载和渲染，最终完成将该拖拽对象在该子窗口内的设置。

其中，当子窗口调取到该拖拽对象的关联数据后，依据该关联数据在子窗口内进行该拖拽对象的加载与渲染的过程与现有方式相似，在此不再赘述。

本申请实施例的方法，在主页面窗口内创建有不同域的iframe子窗口情况下，当检测到将拖拽对象拖拽到子窗口内后，可以通过预先设置的且与该主页面窗口同域的代理页面与该主页面窗口进行数据交互，由该代理页面从该主页面窗口中获取该拖拽对象的关联数据。同时，该代理页面将获取到的关联数据存储至第一属性参数中，而该第一属性参数为一个浏览器的全局的属性，因此，该子窗口可以获取该代理页面的第一属性参数内的该关联数据，从而最终使得该子窗口能够获取到该拖拽对象的关联数据，进而能够在该子窗口内进行该拖拽对象的加载与渲染，从而避免了子窗口与主页面窗口不同域时，控件拖拽失效，进而导致无法在主页面窗口中加载子窗口的情况出现。

其中，当将父页面窗口内的拖拽对象拖拽至该子窗口后，该子窗口可以通过iframe调用该拖拽对象的关联数据，为了避免跨域访问，当浏览器检测到该子窗口调取该拖拽对象的关联数据时，可以通过将该子窗口的iframe地址指向代理页面，从而该iframe调用该拖拽对象的关联数据的过程便成为由该代理页面向该父页面窗口调用该拖拽对象的关联数据。

在具体实现时，当检测到该子窗口调取该拖拽对象的关联数据时，将该子窗口的iframe的地址属性设置为代理页面的地址，即将该子窗口的iframe的src属性设置为指向该代理页面的网页地址URL。其中，iframe中的src规定在iframe中显示的文档的URL，在本实施例中，该iframe的src规定了该子窗口的URL。

例如，该父页面窗口内打开的页面是http://www.a.com/a.js，子窗口打开的页面为http://www.b.com/a.js，而该子窗口内设置的该iframe窗口即该代理页面为http://www.a.com/c.js，则可以将该父窗口内设置该子窗口的iframe的src设置为http://www.a.com/c.js。

当将该子窗口的iframe的src指向代理页面后，在检测到向鼠标向子窗口内进行拖拽对象的拖拽并释放鼠标，完成拖拽操作时，如果该子窗口调用该拖拽对象的关联数据，则变为该代理页面向主页面窗调用该关联数据。

其中，当检测到向子页面拖拽该拖拽对象的操作结束时，主页面窗口同样能够确定当前向该子页面内拖拽的拖住对象。当将该子页面的iframe的src指向该代理页面后，该代理页面向该主页面窗口调用数据时，该主页面窗口便会将该拖拽对象的相关数据返回给该代理页面。

其中，通过代理页面获取到该拖拽对象的关联数据后，需要将该关联数据存储到该代理页面的第一属性参数内。该第一属性参数可以是该代理页面中属性参数任意一个属于浏览器全局的属性。可选的，该第一属性参数为代理页面的窗口名称，即该第一属性参数为该代理页面的window.name属性。其中，name在浏览器环境中是一个全局/window对象的属性，在不同的页面（页面可以是不同域名）加载后依旧存在，并且可以支持非常长的name值，因此，可以在该代理页面的name中存储该拖拽对象的关联数据，使得该代理页面的name值中包含该关联数据。同时，不论任何域名下，窗口的name值均是可以被访问的，因此，可以通过window.name将该关联数据传输给子窗口。

可选的，在该在浏览器中展现创建有子窗口的主页面窗口的过程中，在对该主页面窗口进行加载的同时，浏览器进行拖拽对象的拖拽事件的初始化，即特定程序的初始化，以使得该浏览器能够检测到鼠标对拖拽对象的拖拽操作。

其中，浏览器进行拖拽事件的初始化过程包括：

创建拖拽对象，并记录鼠标在当前时刻相对于该拖拽对象的坐标；

创建三个事件函数对象，包括：开始拖拽事件函数对象、拖动事件函数对象和停止拖动事件对象函数；

将开始拖动事件函数对象绑定到拖拽对象的鼠标按下mousedown事件；

将拖动事件函数对象绑定到文档对象document的鼠标移动mousemove事件，将停止事件对象函数绑定到文档对象document的鼠标按键释放mouseup事件，初始化完成。

创建的三个事件函数对象的过程与现有的创建事件函数对象的过程相似。

其中，本申请实施例中创建的这三个事件函数对象分别对应不同的程序，即该拖动事件函数对象对应拖动程序；停止拖动事件函数对应停止拖动程序，该开始拖拽事件对应开始拖拽程序。

当鼠标在拖拽对象处按住，就会触发该开始拖拽程序，开始拖拽程序主要用来准备拖动，并记录鼠标相对于拖拽对象的坐标。

当鼠标在窗口上移动时，就会触发拖动程序，通过当前时刻鼠标的坐标值与开始拖动是鼠标对应的坐标值进行比较，可以得到拖拽对象的移动值以及所在位置。

当鼠标按键被放开后，触发停止拖拽程序，结束拖放。

对应本发明的跨域数据交互方法，本发明还提供了一种跨域数据交互装置，参见图2，示出了本发明一种跨域数据交互装置一个实施例的流程示意图，本实施例的装置可以包括：

展现单元201，用于在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，所述子窗口属于第二域；

操作检测单元202，用于接收将所述主页面窗口内的拖拽对象拖拽至所述子窗口内的操作；

数据获取单元203，用于当所述操作检测单元检测到所述操作时，通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内，其中，所述代理页面属于所述第一域；所述第一属性参数为浏览器中的全局属性；

数据处理单元204，用于利用所述子窗口获取所述代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。

其中，该拖拽对象的关联数据可以包括：拖拽对象的属性信息、所述拖拽对象的渲染方式以及所述拖拽对象对应的事件。

可选的，该数据获取单元可以包括：

第一数据获取单元，用于当所述操作检测单元检测到所述操作时，将所述子窗口的iframe地址更改为所述代理页面的地址，以触发所述代理页面从所述主页面窗口调取所述拖拽对象的关联数据。

可选的，该数据获取单元可以包括：

第二数据获取单元，用于通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的name属性值中。

可选的，本申请实施例的装置，还可以包括：

事件初始化单元，用于在所述展现单元展现所述主页面窗口时，进行拖拽事件的初始化。

可选的，该事件初始化单元，可以包括：

初始设置单元，用于创建至少一个拖拽对象，并记录鼠标在当前时刻相对于各个拖拽对象的坐标；

事件创建单元，用于创建开始拖拽事件函数对象、拖动事件函数对象和停止拖动事件对象函数；

第一初始化单元，用于将所述开始拖动事件函数对象绑定到拖拽对象的鼠标按下事件；

第二初始化单元，用于将所述拖动事件函数对象绑定到文档对象的鼠标移动事件；

第三初始化单元，用于将所述停止事件对象函数绑定到文档对象的鼠标按键释放事件。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器（RAM）、内存、只读存储器（ROM）、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种跨域数据交互方法，其特征在于，包括：

在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，所述子窗口属于第二域；

接收将所述主页面窗口内的拖拽对象拖拽至所述子窗口内的操作；

通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内，其中，所述代理页面属于所述第一域；所述第一属性参数为所述浏览器中的全局属性；

利用所述子窗口获取所述代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。

2.根据权利要求1所述的方法，其特征在于，所述通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，包括：

将所述子窗口的iframe地址更改为所述代理页面的地址，以触发所述代理页面从所述主页面窗口调取所述拖拽对象的关联数据。

3.根据权利要求1所述的方法，其特征在于，所述将所述关联数据存储至所述代理页面的第一属性参数内，包括：

将所述关联数据存储至所述代理页面的name属性值中。

4.根据权利要求1所述的方法，其特征在于，在所述在浏览器中展现创建有子窗口的主页面窗口的同时，还包括：

进行拖拽事件的初始化；

其中，所述进行拖拽事件的初始化，包括：

创建至少一个拖拽对象，并记录鼠标在当前时刻相对于各个拖拽对象的坐标；

创建开始拖拽事件函数对象、拖动事件函数对象和停止拖动事件对象函数；

将所述开始拖动事件函数对象绑定到拖拽对象的鼠标按下事件；

将所述拖动事件函数对象绑定到文档对象的鼠标移动事件；

将所述停止事件对象函数绑定到文档对象的鼠标按键释放事件。

5.根据权利要求1至4任一项所述的方法，其特征在于，所述关联数据包括：

所述拖拽对象的属性信息、所述拖拽对象的渲染方式以及所述拖拽对象对应的事件。

6.一种跨域数据交互装置，其特征在于，包括：

展现单元，用于在浏览器中展现创建有子窗口的主页面窗口，所述主页面窗口属于第一域，所述子窗口属于第二域；

操作检测单元，用于接收将所述主页面窗口内的拖拽对象拖拽至所述子窗口内的操作；

数据获取单元，用于通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的第一属性参数内，其中，所述代理页面属于所述第一域；所述第一属性参数为所述浏览器中的全局属性；

数据处理单元，用于利用所述子窗口获取所述代理页面的第一属性参数内的所述关联数据，并在所述子窗口内进行所述拖拽对象的加载与渲染。

7.根据权利要求6所述的装置，其特征在于，所述数据获取单元，包括：

第一数据获取单元，用于将所述子窗口的iframe地址更改为所述代理页面的地址，以触发所述代理页面从所述主页面窗口调取所述拖拽对象的关联数据。

8.根据权利要求6所述的装置，其特征在于，所述数据获取单元，包括：

第二数据获取单元，用于通过预先设置的代理页面从所述主页面窗口调取所述拖拽对象的关联数据，并将所述关联数据存储至所述代理页面的name属性值中。

9.根据权利要求6所述的装置，其特征在于，还包括：

事件初始化单元，用于在所述展现单元展现所述主页面窗口时，进行拖拽事件的初始化；

其中，所述事件初始化单元，包括：

初始设置单元，用于创建至少一个拖拽对象，并记录鼠标在当前时刻相对于各个拖拽对象的坐标；

事件创建单元，用于创建开始拖拽事件函数对象、拖动事件函数对象和停止拖动事件对象函数；

第一初始化单元，用于将所述开始拖动事件函数对象绑定到拖拽对象的鼠标按下事件；

第二初始化单元，用于将所述拖动事件函数对象绑定到文档对象的鼠标移动事件；

第三初始化单元，用于将所述停止事件对象函数绑定到文档对象的鼠标按键释放事件。

10.根据权利要求6至10任一项所述的装置，其特征在于，所述关联数据包括：

所述拖拽对象的属性信息、所述拖拽对象的渲染方式以及所述拖拽对象对应的事件。

Images