[发明专利]移动端字符输入的方法和装置

说明书

本发明公开了一种移动端字符输入的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取待显示页面的文档对象模型，基于所述文档对象模型中的自定义标签渲染生成字符输入框；使用行内元素标签，对所述字符输入框中字符串的每一位字符进行单独渲染；对渲染后的每一位字符的点击事件进行监听；响应于监听到字符的点击事件，根据用户的点击位置和所述字符的坐标区间确定用户的输入位置；将光标移动至所述输入位置以进行字符输入。该实施方式可以模拟输入的任何场景，保证了字符输入框的灵活性，没有交互死角，支持用户以中间插入的方式输入字符，字符输入方便，交互体验良好。

技术领域

本发明涉及计算机技术领域，尤其涉及一种移动端字符输入的方法和装置。

背景技术

移动端字符输入框在使用native技术(iso或android)实现时，虽然可根据终端种类选择不同控件实现，但是由于不同操作系统需要独立开发，且需要适配很多机型，故而实现繁琐。目前，多是使用h5(HTML5，超文本5.0)技术也就是移动端web技术，来开发移动端字符输入框以实现字符输入。目前，使用h5技术来实现字符输入有两种方案，方案一是使用html技术的input标签配合移动端原生的输入键盘实现字符输入框，以进行字符输入；方案二是使用自定义标签渲染出输入框样式，再配合自定义的字符键盘来模拟用户输入的过程，将用户的输入内容和输入框的值绑定，达到模拟字符输入和展示的目的。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

方案一由于输入框的样式和原生的输入键盘不支持自定义，故而字符输入不够灵活多样；方案二虽然支持自定义设置，但不支持用户以插入的方式在一串字符中间输入字符，仅支持在字符的末尾进行字符输入，字符输入不方便，交互体验不够良好。

发明内容

有鉴于此，本发明实施例提供一种移动端字符输入的方法和装置，能够保证字符输入框的灵活性，没有交互死角，支持用户以中间插入的方式输入字符，字符输入方便，交互体验良好。

为实现上述目的，根据本发明实施例的一个方面，提供了一种移动端字符输入的方法，包括：

获取待显示页面的文档对象模型，基于所述文档对象模型中的自定义标签渲染生成字符输入框；

使用行内元素标签，对所述字符输入框中字符串的每一位字符进行单独渲染；

对渲染后的每一位字符的点击事件进行监听；

响应于监听到字符的点击事件，根据用户的点击位置和所述字符的坐标区间确定用户的输入位置；

将光标移动至所述输入位置以进行字符输入。

可选地，使用行内元素标签，对所述字符输入框中字符串的每一位字符进行单独渲染，包括：将所述字符输入框中的字符串转化为数组；遍历数组中的每一位字符，将每一位字符渲染成一个独立的行内元素标签。

可选地，根据用户的点击位置和所述字符的坐标区间确定用户的输入位置，包括：分别获取用户的点击位置的横坐标和所述字符的横坐标的坐标区间；根据所述点击位置的横坐标和所述字符的横坐标的坐标区间确定用户的输入位置。

可选地，根据所述点击位置的横坐标和所述字符的横坐标的坐标区间确定用户的输入位置，包括：根据所述字符的横坐标的坐标区间得到所述字符的横坐标的中间坐标；将所述点击位置的横坐标和所述字符的横坐标的中间坐标进行比较，若所述点击位置的横坐标小于所述字符的横坐标的中间坐标，则用户的输入位置为所述字符与所述字符的前一字符之间；否则，所述用户的输入位置为所述字符与所述字符的后一字符之间。

根据本发明实施例的另一方面，提供了一种移动端字符输入的装置，包括：

输入框生成模块，用于获取待显示页面的文档对象模型，基于所述文档对象模型中的自定义标签渲染生成字符输入框；