一种扩展的数据输入装置及方法制造方法及图纸

本发明专利技术公开了一种扩展的数据输入装置和方法，用于通过网页浏览器将用户输入的数据加载到网页的输入区域中。在本发明专利技术中，在网页的输入区域加载完成后，生成覆盖于输入区域上的悬浮层；在检测到位于悬浮层的数据输入事件后，获取用户的待输入数据；根据待输入数据的数据类型，将其据转换成对应的HTML元素，其中包含待输入数据的内容；将得到的HTML元素加载到悬浮层中，并显示待输入数据的内容。本发明专利技术可以支持将拖拽、拷贝或键盘操作所要输入对象，如文本、图片、数据文件和网页元素，转换为HTML格式的数据后加载到在输入区域上叠加的悬浮层中，这扩展了用户的输入的手段和数据类型，极大地提高了用户的输入效率，并极大地改善了用户体验。

【技术实现步骤摘要】

本专利技术涉及计算机
，更具体地，涉及，用于通过网页浏览器将用户输入的数据加载到网页的输入区域中。
技术介绍
用户在通过网页浏览器与web服务器进行交互时，例如通过浏览器上传或发布数据或者说信息时，可以在网页的指定输入区域中输入数据内容，并提交给服务器。 在现有的网页中，通常提供输入控件来接收用户的输入数据并提交给服务器。例如，对于纯文本数据，可以文本区域控件中进行输入；对于图片或者文件数据，则可以通过使用文件上传控件来选择所需的文件进行上传，并可以在上传后使用从服务器返回的Url地址进行预览/显示，这需要用户进行一系列烦琐的操作后才能实现。 随着用户对浏览器使用体验要求的提高，以及对操作效率要求的提高，现有的输入方式，尤其是对图片或文件的输入，显然是不能令人满意的。用户更希望采用更简单的方式，例如通过拖拽或拷贝的方式，来上传或发布各种数据，如文本、图片、文件或网页元素坐寸ο 但是，对于现有的网页浏览器，如IE，在默认情况下并不接受用户将图片或文件直接拖拽或拷贝到输入区域中。
技术实现思路
本专利技术的目的在于克服现有技术中的至少一个缺陷。 按照本专利技术的一个方面，提供了一种扩展的数据输入装置，其配置成通过网页浏览器将用户输入的数据加载到网页的输入区域中，包括: 层生成单元，其配置成在网页的所述输入区域加载完成后，生成覆盖于所述输入区域上的悬浮层； 数据获取单元，其配置成在检测到位于所述悬浮层的数据输入事件后，获取用户的待输入数据； 数据转换单元，其配置成根据所述待输入数据的数据类型，将所述待输入数据转换成对应的HTML元素，所述HTML元素中包含所述待输入数据的内容； 数据加载单元，其配置成将转换得到的所述HTML元素加载到所述悬浮层中，并显示所述待输入数据的内容。 在一个实施例中，所述输入区域由网页控件或DOM对象提供，所述层生成单元配置成响应于所述网页控件或DOM对象的加载完成事件而运行。 在一个实施例中，所述数据输入事件包括用户向所述输入区域的拖拽或拷贝操作，所述数据获取单元配置成从计算机系统的剪贴薄访问所述待输入数据。 在一个实施例中，所述数据输入事件包括用户向所述输入区域的键盘输入操作，所述数据获取单元配置成截取用户的键盘输入信息作为所述待输入数据。 在一个实施例中，所述待输入数据的输入类型包括文本、图片、文件和/或网页元素。 在一个实施例中，所述数据转换单元配置成响应于所述数据输入事件的开始而运行；并且，所述数据加载单元配置成响应于所述数据输入事件的结束而运行。 在一个实施例中，所述待输入数据为文本，其中: 所述数据转换单元配置成用对应的HTML标签标记所述文本的内容，以将其转换为对应的HTML元素； 所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述文本的内容。 在一个实施例中，所述待输入数据为图片，其中: 所述数据转换单元配置成将所述图片上传到服务器，并从服务器获取所述图片的远程地址；并且，所述第二定制处理函数用对应的HTML标签标记所述图片的远程地址，以将其转换为对应的HTML元素； 所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述图片的内容。 在一个实施例中，所述待输入数据为文件，其中: 所述数据转换单元配置成调用第三方接口函数将所述文件转换为对应的HTML元素； 所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述文件的内容。 在一个实施例中，所述待输入数据为文件，其中: 所述数据转换单元配置成将所述文件上传到服务器，并从服务器获取所述文件的远程地址；并且，所述数据转换单元配置成用对应的HTML标签标记所述文件的远程地址，以将其转换为对应的HTML元素； 所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述文件的内容。 在一个实施例中，所述对应的HTML标签为所述网页浏览器可识别的自定义HTML标签；并且 所述数据加载单元配置成识别所述自定义HTML标签，调用浏览器插件将所述文件显示在所述悬浮层中，或调用计算机本地程序打开并显示所述文件。 在一个实施例中，所述待输入数据为网页元素，其中: 所述数据转换单元配置成将所述网页元素其转换为对应的HTML元素； 所述数据加载单元配置成将所述HTML元素写入到所述悬浮层中，并显示所述网页元素的内容。 在一个实施例中，所述转换包括空的转换操作。 在一个实施例中，所述输入区域为纯文本输入区域。 按照本专利技术的另一方面，提供了一种扩展的数据输入方法，用于通过网页浏览器将用户输入的数据加载到网页的输入区域中，该方法包括: 层生成步骤:在网页的所述输入区域加载完成后，生成覆盖于所述输入区域上的悬浮层; 数据获取步骤:在检测到位于所述悬浮层的数据输入事件后，获取用户的待输入数据； 数据转换步骤:根据所述待输入数据的数据类型，将所述待输入数据转换成对应的HTML元素，所述HTML元素中包含所述待输入数据的内容； 数据加载步骤:将转换得到的所述HTML元素加载到所述悬浮层中，并显示所述待输入数据的内容。 在一个实施例中，所述输入区域由网页控件或DOM对象提供，在所述层生成步骤中，由所述网页控件或DOM对象的加载完成事件触发调用由网页浏览器提供的第一定制处理函数来生成所述悬浮层。 在一个实施例中，所述数据输入事件包括用户向所述输入区域的拖拽或拷贝操作；并且，在所述数据获取步骤中，包括从计算机系统的剪贴薄访问所述待输入数据。 在一个实施例中，所述数据输入事件包括用户向所述输入区域的键盘输入操作；并且，在所述数据获取步骤中，包括截取用户的键盘输入信息作为所述待输入数据。 在一个实施例中，所述待输入数据的输入类型包括文本、图片、文件和/或网页元素。 在一个实施例中，由所述数据输入事件的开始而触发调用由网页浏览器提供的第二定制处理函数来执行所述数据转换步骤；并且，由所述数据输入事件的结束而触发调用由网页浏览器提供的第三定制处理函数来执行所述数据加载步骤。 在一个实施例中,所述待输入数据为文本,其中: 所述第二定制处理函数用对应的HTML标签标记所述文本的内容，以将其转换为对应的HTML元素； 所述第三定制处理函数将所述HTML元素写入到所述悬浮层中，并显示所述文本的内容。 在一个实施例中，所述待输入数据为图片，其中: 所述第二定制处理函数将所述图片上传到服务器，并从服务器获取所述图片的远程地址；并且，所述第二定制处理函数用对应的HTML标签标记所述图片的远程地址，以将其转换为对应的HTML元素； 所述第三定制处理函数将所述HTML元素写入到所述悬浮层中，并显示所述图片的内容。 在一个实施例中，所述待输入数据为文件，其中: 所述第二定制处理函数调用第三方接口函数将所述文件转换为对应的HTML元素； 所述第三定制处理函数将所述HTML元素写入到所述悬浮层中，并显示所述文件的内容。 在一个实施例中，所述待输入数据为文件，其中: 所述第二定制处理函数将所述文件上传到服务器，并从服务器获取所述文件的远程地址；并且，所述第二定制处理函数用对应的HTM本文档来自技高网...

【技术保护点】
一种扩展的数据输入装置，其配置成通过网页浏览器将用户输入的数据加载到网页的输入区域中，包括：层生成单元，其配置成在网页的所述输入区域加载完成后，生成覆盖于所述输入区域上的悬浮层；数据获取单元，其配置成在检测到位于所述悬浮层的数据输入事件后，获取用户的待输入数据；数据转换单元，其配置成根据所述待输入数据的数据类型，将所述待输入数据转换成对应的HTML元素，所述HTML元素中包含所述待输入数据的内容；数据加载单元，其配置成将转换得到的所述HTML元素加载到所述悬浮层中，并显示所述待输入数据的内容。

【技术特征摘要】
1.一种扩展的数据输入装置，其配置成通过网页浏览器将用户输入的数据加载到网页的输入区域中，包括: 层生成单元，其配置成在网页的所述输入区域加载完成后，生成覆盖于所述输入区域上的悬浮层； 数据获取单元，其配置成在检测到位于所述悬浮层的数据输入事件后，获取用户的待输入数据； 数据转换单元，其配置成根据所述待输入数据的数据类型，将所述待输入数据转换成对应的HTML元素，所述HTML元素中包含所述待输入数据的内容； 数据加载单元，其配置成将转换得到的所述HTML元素加载到所述悬浮层中，并显示所述待输入数据的内容。2.根据权利要求1所述的数据输入装置，其特征在于，所述输入区域由网页控件或DOM对象提供，所述层生成单元配置成响应于所述网页控件或DOM对象的加载完成事件而运行。3.根据权利要求1或2所述的数据输入装置，其特征在于，所述数据输入事件包括用户向所述输入区域的拖拽或拷贝操作，所述数据获取单元配置成从计算机系统的剪贴薄访问所述待输入数据。4.根据权利要求1-3中任一项所述的数据输入装置，其特征在于，所述数据输入事件包括用户向所述输入区域的键盘输入操作，所述数据获取单元配置成截取用户的键盘输入信息作为所述待输入数据。5.根据权利要求1-4中任一项所述的数据输入装置，其特征在于，所述待输入数据的数据类型包括文本、图片、文件和/或网页元素。6.一种扩展的数据输入方法...

【专利技术属性】
技术研发人员：唐曦，陈志，李鸣，任寰，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京;11