[发明专利]H5页面的处理方法、装置、电子设备及存储介质有效

专利信息
申请号: 201910024135.4 申请日: 2019-01-10
公开(公告)号: CN109814965B 公开(公告)日: 2021-06-04
发明(设计)人: 薛勇;吕庆春;彭飞 申请(专利权)人: 北京城市网邻信息技术有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06F3/0488
代理公司: 北京润泽恒知识产权代理有限公司 11319 代理人: 莎日娜
地址: 100015 北京市朝阳区酒仙桥*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: h5 页面 处理 方法 装置 电子设备 存储 介质
【权利要求书】:

1.一种H5页面的处理方法,其特征在于,H5页面层与Native层基于通信协议进行双向通信,所述方法包括:

在检测到进入包括输入框的H5页面时,向原生Native层发送启动监听指令;所述启动监听指令用于指示所述Native层监听对所述输入框的操作事件;

接收所述Native层在监听到发生对所述输入框的操作事件时返回的,所述对所述输入框的操作事件的事件信息;

依据所述事件信息,确定所述输入框的目标位置,并将所述输入框移动至所述目标位置。

2.根据权利要求1所述的H5页面的处理方法,其特征在于,所述向Native层发送启动监听指令的步骤,包括:

生成携带第一键盘行为参数的启动监听指令;

通过JS方式调用所述Native层提供的第一预设接口,将所述启动监听指令发送至所述Native层。

3.根据权利要求1所述的H5页面的处理方法,其特征在于,所述方法还包括:

在检测到退出所述H5页面时,向所述Native层发送停止监听指令;所述停止监听指令用于指示所述Native层停止监听对所述输入框的操作事件。

4.根据权利要求3所述的H5页面的处理方法,其特征在于,所述向所述Native层发送停止监听指令的步骤,包括:

生成携带第二键盘行为参数的停止监听指令;

通过JS方式调用Native层提供的第一预设接口,将所述停止监听指令发送至所述Native层。

5.根据权利要求1所述的H5页面的处理方法,其特征在于,所述事件信息包括事件类型及键盘高度;

所述依据所述事件信息,确定所述输入框的目标位置的步骤,包括:

在所述事件类型为所述输入框被激活时,确定所述输入框的目标位置为,所述输入框的底边与所述H5页面的底边之间的距离大于或等于所述键盘高度的位置;

在所述事件类型为所述输入框进入休眠时,确定所述输入框的目标位置为所述输入框的原始位置。

6.一种H5页面的处理方法,其特征在于,H5页面层与Native层基于通信协议进行双向通信,所述方法包括:

接收H5页面层发送的启动监听指令;所述启动监听指令由所述H5页面层在检测到进入包括输入框的H5页面时发送;

响应所述启动监听指令,监听对所述输入框的操作事件;

在监听到发生对所述输入框的操作事件时,获取所述对所述输入框的操作事件的事件信息,并将所述事件信息返回至所述H5页面层;所述事件信息作为所述H5页面层确定所述输入框的目标位置,并将所述输入框移动至所述目标位置的依据。

7.根据权利要求6所述的H5页面的处理方法,其特征在于,所述启动监听指令携带第一键盘行为参数,所述第一键盘行为参数包括表征键盘行为的第一字段和表征启动监听的第二字段;

所述响应所述启动监听指令,监听对所述输入框的操作事件的步骤,包括:

从所述启动监听指令中解析得到所述第一键盘行为参数;

查找与所述第一字段关联的目标类中的目标方法,并调用所述目标方法,依据所述第二字段在所述目标方法中监听对所述输入框的操作事件。

8.根据权利要求6所述的H5页面的处理方法,其特征在于,所述方法还包括:

接收所述H5页面层发送的停止监听指令;所述停止监听指令由所述H5页面层在检测到退出所述H5页面时发送;

响应所述停止监听指令,停止监听对所述输入框的操作事件。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京城市网邻信息技术有限公司,未经北京城市网邻信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910024135.4/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top