防H5页面误跳转方法及装置制造方法及图纸

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

【技术实现步骤摘要】
防H5页面误跳转方法及装置


[0001]本专利技术涉及网络安全
，尤其涉及一种防H5页面误跳转方法及装置。

技术介绍

[0002]基于弹性(flex)布局的H5页面，在手机浏览器或小程序webview使用时，存在一种情况：当点击事件触发了底部键盘的弹出时，H5原有页面会被往顶部顶，然而H5的焦点位置却没有随页面的变化而重新定位，因此点击现有位置可能会触发其他位置的点击事件，如果该页面存在跳转其他页的点击事件时，会导致跳页的现象。
[0003]为了防止上述情况造成的H5页面误跳转，常见的方案是将该页面的输入框项尽量放在页面的顶部区域，跳转框则尽量放在底部，且页面不得过长，如果页面过长，则分多页进行多步处理。这样不仅使得部分页面设计不够美观，跳转框的使用受到了极大限制；而且若要进行分页处理，则加重了页面间的逻辑衔接，增加了前端设计的负担。

技术实现思路

[0004]本专利技术实施例提供一种防H5页面误跳转方法，用以在防止H5页面因焦点偏移而误跳转的基础上，页面美观设计，减少前端设计的负担，该方法包括：
[000本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种防H5页面误跳转方法，其特征在于，包括：监测到H5页面中发生输入框焦点事件后，预设时段内出现输入框外的页面点击事件时，触发输入框失焦事件的计时器；在输入框失焦事件的计时器启动期间，不允许H5页面进行页面跳转。2.如权利要求1所述的防H5页面误跳转方法，其特征在于，监测到H5页面中发生输入框焦点事件后，还包括：将H5页面的跳转信号量设置为不允许；所述跳转信号量用于表征H5页面是否允许跳转；若预设时段内出现页面点击事件时，维持所述跳转信号量的取值；否则，将所述跳转信号量的取值修改为允许。3.如权利要求2所述的防H5页面误跳转方法，其特征在于，在输入框失焦事件的计时器启动期间，不允许H5页面进行页面跳转，包括：在输入框失焦事件的计时器启动期间，维持所述跳转信号量的取值；在H5页面中启动键盘隐藏动画，恢复输入框的原位置。4.如权利要求2所述的防H5页面误跳转方法，其特征在于，还包括：在输入框失焦事件的计时器计时结束后，将所述跳转信号量的取值修改为允许。5.一种防H5页面误跳转装置，其特征在于，包括：计时器触发模块，用于监测到H5页面中发生输入框焦点事件后，预设时段内出现输入框外的页面点击事件时，触发输入框失焦事件的计...

【专利技术属性】
技术研发人员：陈圣君，茅雪涛，覃贝贝，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：