[发明专利]防H5页面误跳转方法及装置

说明书

本发明涉及网络安全领域，提供了一种防H5页面误跳转方法及装置，该方法包括：监测到H5页面中发生输入框焦点事件后，预设时段内出现输入框外的页面点击事件时，触发输入框失焦事件的计时器；在输入框失焦事件的计时器启动期间，不允许H5页面进行页面跳转。在监测到H5页面中出现输入框输入且触发了其余位置的页面点击时，设置延时并禁止页面跳转，避免了H5页面因焦点偏移而误跳转的发生，且相较于现有技术，页面的输入框和跳转框能够正常布局，即页面设计更美观；也无需分页处理，从而减少前端设计的负担。

技术领域

本发明涉及网络安全技术领域，尤其涉及一种防H5页面误跳转方法及装置。

背景技术

基于弹性(flex)布局的H5页面，在手机浏览器或小程序webview使用时，存在一种情况：当点击事件触发了底部键盘的弹出时，H5原有页面会被往顶部顶，然而H5的焦点位置却没有随页面的变化而重新定位，因此点击现有位置可能会触发其他位置的点击事件，如果该页面存在跳转其他页的点击事件时，会导致跳页的现象。

为了防止上述情况造成的H5页面误跳转，常见的方案是将该页面的输入框项尽量放在页面的顶部区域，跳转框则尽量放在底部，且页面不得过长，如果页面过长，则分多页进行多步处理。这样不仅使得部分页面设计不够美观，跳转框的使用受到了极大限制；而且若要进行分页处理，则加重了页面间的逻辑衔接，增加了前端设计的负担。

发明内容

本发明实施例提供一种防H5页面误跳转方法，用以在防止H5页面因焦点偏移而误跳转的基础上，页面美观设计，减少前端设计的负担，该方法包括：

监测到H5页面中发生输入框焦点事件后，预设时段内出现输入框外的页面点击事件时，触发输入框失焦事件的计时器；

在输入框失焦事件的计时器启动期间，不允许H5页面进行页面跳转。

本发明实施例还提供一种防H5页面误跳转装置，用以在防止H5页面因焦点偏移而误跳转的基础上，页面美观设计，减少前端设计的负担，该装置包括：

计时器触发模块，用于监测到H5页面中发生输入框焦点事件后，预设时段内出现输入框外的页面点击事件时，触发输入框失焦事件的计时器；

禁止页面跳转模块，用于在输入框失焦事件的计时器启动期间，不允许H5页面进行页面跳转。

本发明实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述防H5页面误跳转方法。

本发明实施例也提供一种计算机可读存储介质，所述计算机可读存储介质存储有执行上述防H5页面误跳转方法的计算机程序。

本发明实施例中，通过监测到H5页面中发生输入框焦点事件后，预设时段内出现输入框外的页面点击事件时，触发输入框失焦事件的计时器；在输入框失焦事件的计时器启动期间，不允许H5页面进行页面跳转。在监测到H5页面中出现输入框输入且触发了其余位置的页面点击时，设置延时并禁止页面跳转，避免了H5页面因焦点偏移而误跳转的发生，且相较于现有技术，页面的输入框和跳转框能够正常布局，即页面设计更美观；也无需分页处理，从而减少前端设计的负担。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例中防H5页面误跳转方法的示意图。

图2为本发明具体实施例中防H5页面误跳转方法的示意图。

图3为本发明具体实施例中步骤102的实现过程示意图。