[发明专利]一种触屏终端点透解决方法、装置、触屏终端及存储介质在审

专利信息
申请号: 201811318332.9 申请日: 2018-11-07
公开(公告)号: CN109491746A 公开(公告)日: 2019-03-19
发明(设计)人: 沈文策 申请(专利权)人: 沈文策
主分类号: G06F9/451 分类号: G06F9/451;G06F3/0488
代理公司: 北京柏杉松知识产权代理事务所(普通合伙) 11413 代理人: 丁芸;项京
地址: 350003 福建省福州*** 国省代码: 福建;35
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 遮罩层 触屏 终端点 存储介质 触发 终端 申请
【说明书】:

本申请实施例提供了一种触屏终端点透解决方法、装置、触屏终端及存储介质,该方法包括:获取针对遮罩层的接触开始touchstart事件;当获取到针对所述遮罩层的接触结束touchend事件时,阻止触发点击click事件。或获取针对遮罩层的接触开始touchstart事件;当获取到针对所述遮罩层的接触结束touchend事件时,阻止针对所述遮罩层触发轻敲Tap事件。在本申请实施例的触屏终端点透解决方法中,由于阻止了Tap事件或click事件,防止在执行Tap事件后,再次执行click事件,可以减少点透情况的发生,能够提高用户的体验。

技术领域

本申请涉及计算机技术领域,特别是涉及一种触屏终端点透解决方法、装置、触屏终端及存储介质。

背景技术

在台式电脑或笔记本电脑中,在当前页面弹出弹框时,为了避免误点击到当前页面上的标签,在弹框弹出的过程中,增加一层遮罩层,该遮罩层的层级高于当前页面层级且低于弹框层级,同时为了保证用户能够操纵浏览页面,在用户点击遮罩层后,自动隐藏遮罩层。

但是上述方法在应用于触屏终端时,会出现点透的问题,即用户针对遮罩层进行了一次触屏操作,确触发了遮罩层下页面的标签,导致误触发页面跳转,用户体验差。

发明内容

本申请实施例的目的在于提供一种触屏终端点透解决方法、装置、触屏终端及存储介质,以实现减少点透情况的发生,提高用户体验。具体技术方案如下:

第一方面,本申请实施例提供了一种触屏终端点透解决方法,所述方法包括:

在弹出弹框的同时,生成覆盖下层页面的遮罩层;

获取针对所述遮罩层的接触开始touchstart事件;

当获取到针对所述遮罩层的接触结束touchend事件时,阻止触发点击click事件。

可选的,本申请实施例的触屏终端点透解决方法还包括:

在未触发touchmove事件或touchmove事件中触点的移动距离小于预设距离阈值,且从获取到针对所述遮罩层的touchstart事件的时刻开始,在预设触发时间内,获取到了针对所述遮罩层的touchend事件,触发针对所述遮罩层的轻敲Tap事件。

可选的,本申请实施例的触屏终端点透解决方法还包括,

预先在遮罩层分隔DIVision中添加touchend事件;

所述当获取到针对所述遮罩层的接触结束touchend事件时,阻止触发点击click事件,包括:

在针对所述遮罩层触发touchend事件时,触发基于对象和时间驱动的客户端脚本语言javascript回调函数,利用所述javascript回调函数阻止触发click事件。

第二方面,本申请实施例提供了一种触屏终端点透解决方法,所述方法包括:

在弹出弹框的同时,生成覆盖下层页面的遮罩层;

获取针对所述遮罩层的接触开始touchstart事件;

当获取到针对所述遮罩层的接触结束touchend事件时,阻止针对所述遮罩层触发轻敲Tap事件。

可选的,在所述当获取到针对所述遮罩层的接触结束touchend事件时,阻止针对所述遮罩层触发轻敲Tap事件之后,所述方法还包括:

在未触发touchmove事件或touchmove事件中触点的移动距离小于预设距离阈值的情况下,当获取到针对所述遮罩层的接触结束touchend事件时,在预设延时后触发针对所述遮罩层的点击click事件。

可选的,本申请实施例的触屏终端点透解决方法还包括,

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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