[发明专利]一种基于HTML5的输入方法及装置

权利要求书

1.一种基于HTML5的输入方法，其特征在于，包括：

在第一界面中绘制输入框；第一界面为HTML5中的画布界面，该输入框的绘制通过调用画布的路径绘制功能和样式绘制功能实现；

在绘制输入框后，检测用户的点击位置，判断用户的点击位置是否位于绘制的输入框内；

当用户的点击位置位于所述输入框内时，创建输入控件，以使用户在所述输入控件中输入内容；

当所述用户的点击位置位于所述输入框外时，获得所述用户在所述输入控件中输入的内容；

通过使用画布的绘制文字功能将所述输入控件中的输入内容绘制在所述第一界面的输入框中；

将输入内容绘制到输入框后，移除所述输入控件；

其中，所述创建输入控件包括：

调用JS的创建DOM元素功能，创建一个DOM的输入控件，所述输入控件的大小和样式与所述输入框的大小和样式一致，且所述输入控件恰好覆盖所述输入框。

2.根据权利要求1所述的方法，其特征在于，所述创建输入控件，包括：

获得所述输入框的绘制信息；

按照所述输入框的绘制信息设置输入控件的创建信息；

按照所述输入控件的创建信息创建输入控件。

3.根据权利要求2所述的方法，其特征在于，在所述按照所述输入控件的创建信息创建输入控件之后，还包括：

将所述输入控件设置为高亮显示。

4.根据权利要求1至3中任意一项所述的方法，其特征在于，在所述创建输入控件之后，还包括：

生成半透明遮挡层，所述遮挡层用于遮挡所述第一界面；

所述将所述输入控件中的输入内容绘制在所述第一界面的输入框中之后，还包括：

移除所述半透明遮挡层。

5.一种基于HTML5的输入装置，其特征在于，包括：

绘制单元，用于在第一界面中绘制输入框，通过使用画布的绘制文字功能将读取单元读取的输入控件中的输入内容绘制在所述第一界面的输入框中；第一界面为HTML5中的画布界面，该输入框的绘制通过调用画布的路径绘制功能和样式绘制功能实现；

检测单元，用于检测用户的点击位置是否位于所述输入框内；

创建单元，用于当所述检测单元检测到所述用户的点击位置位于所述输入框内时，创建所述输入控件，以使用户在所述输入控件中输入内容；

所述读取单元，用于当所述检测单元检测到所述用户的点击位置位于所述输入框外时，获得所述用户在所述输入控件中输入的内容；

移除单元，用于当所述绘制单元将输入控件中的输入内容绘制在所述第一界面的输入框中后，移除所述输入控件；

其中，所述创建所述输入控件包括：

调用JS的创建DOM元素功能，创建一个DOM的输入控件，所述输入控件的大小和样式与所述输入框的大小和样式一致，且所述输入控件恰好覆盖所述输入框。

6.根据权利要求5所述的装置，其特征在于，所述创建单元包括：

信息获取子单元，用于获得所述输入框的绘制信息；

信息设置子单元，用于按照所述输入框的绘制信息设置输入控件的创建信息；

控件创建子单元，用于按照所述输入控件的创建信息创建输入控件。

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

显示设置子单元，用于在所述控件创建子单元创建输入控件之后，将所述输入控件设置为高亮显示。

8.根据权利要求5至7中任意一项所述的装置，其特征在于，还包括：

遮挡单元，用于在所述创建单元创建输入控件之后，生成半透明遮挡层，所述遮挡层用于遮挡所述第一界面；

所述移除单元，还用于在绘制单元将所述输入控件中的输入内容绘制在所述第一界面的输入框中之后，移除所述半透明遮挡层。