CN103530044A - 页面手势触发方法及装置 - Google Patents
页面手势触发方法及装置 Download PDFInfo
- Publication number
- CN103530044A CN103530044A CN201210226058.9A CN201210226058A CN103530044A CN 103530044 A CN103530044 A CN 103530044A CN 201210226058 A CN201210226058 A CN 201210226058A CN 103530044 A CN103530044 A CN 103530044A
- Authority
- CN
- China
- Prior art keywords
- browser
- input
- sliding trace
- page gesture
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
一种页面手势触发方法,包括:检测浏览器界面上的触摸操作;在所述触摸操作对应的触摸点位于所述浏览器界面上的基准区域内时,屏蔽浏览器指令输入检测;获取以所述触摸点为起点的滑动轨迹;触发所述滑动轨迹对应的页面手势指令。此外,还提供了一种页面手势触发装置。上述页面手势触发方法和装置可以降低输入的误操作率。
Description
技术领域
本发明涉及互联网技术领域,特别是涉及一种页面手势触发方法及装置。
背景技术
随着终端技术和无线通信技术的发展,越来越多的用户使用智能移动终端浏览网页。智能移动终端包括智能手机、平板电脑、掌上电脑等。而电容触摸屏和多点触摸技术的发明,使得智能移动终端多采用触摸屏技术作为输入手段。用户在通过触摸屏操作智能移动终端上的浏览器时,可通过在触摸屏上进行滑动来实现翻页、选择等输入操作。
传统技术中,智能终端上的浏览器通常还具有页面手势输入功能,浏览器内可预设多种滑动形成的样本页面手势与输入指令的对应关系,当获取到与预存的样本页面手势匹配的滑动手势时,即触发对应的输入指令。例如,若样本页面手势“打勾”对应的输入指令是刷新,则当获取到打勾型的滑动手势时,触发刷新指令刷新页面。
然而,在传统技术中,当用户使用智能终端上的浏览器上的页面手势输入功能时,由于触发方式相似,会与触摸屏本身的输入功能产生冲突。输入的滑动手势即可被识别为页面手势功能的触发指令,也可以被识别为浏览器根据触摸屏定义的输入指令。例如,用户在输入打勾的页面手势时,会产生向下和向上的滑动轨迹,而向上和向下的滑动轨迹则对应浏览器上翻和下翻的输入指令,从而使得用户在输入页面手势时,浏览器的页面会随之滚动。且用户在滑动过程中,可能会按压浏览器页面上的链接,从而使得页面发生不必要的跳转,带来新的数据流量损耗。因此传统技术中的页面手势触发方法具有较高的误操作率。
发明内容
基于此,有必要提供一种能降低误操作率的页面手势触发方法。
一种页面手势触发方法,包括:
检测浏览器界面上的触摸操作;
在所述触摸操作对应的触摸点位于所述浏览器界面上的基准区域内时,屏蔽浏览器指令输入检测;
获取以所述触摸点为起点的滑动轨迹;
触发所述滑动轨迹对应的页面手势指令。
此外,还有必要提供一种能降低误操作率的页面手势触发装置。
一种页面手势触发系统,包括:
触摸检测模块,用于检测浏览器界面上的触摸操作;
屏蔽控制模块,用于所述触摸操作对应的触摸点位于所述浏览器界面上的基准区域内时,屏蔽浏览器指令输入检测;
轨迹获取模块,用于获取以所述触摸点为起点的滑动轨迹;
指令触发模块,用于触发所述滑动轨迹对应的页面手势指令。
上述页面手势触发方法及装置,在检测到用户的滑动轨迹发起自预设的基准区域时,屏蔽浏览器指令的输入检测,获取滑动轨迹并触发滑动轨迹对应的页面手势指令,使得用户在进行页面手势输入时可不受浏览器指令输入的干扰,从而降低了误操作率。
附图说明
图1为一个实施例中页面手势触发方法的流程图;
图2为一个实施例中滑动轨迹的示意图;
图3为另一个实施例中滑动轨迹的示意图;
图4为一个实施例中页面手势触发装置的结构示意图;
图5为另一个实施例中页面手势触发装置的结构示意图。
具体实施方式
在一个实施例中,如图1所示,一种页面手势触发方法,包括:
步骤S102,检测浏览器界面上的触摸操作。
在一个实施例中,硬件载体为智能终端,用户输入设备为智能终端上的触摸屏。浏览器界面即为浏览器在触摸屏上的显示区域。触摸操作即为通过触摸屏检测到的手指或其他物体对触摸屏的接触操作。浏览器界面上的触摸操作为对浏览器指令的触发操作。
步骤S104,在触摸操作对应的触摸点位于浏览器界面的基准区域内时,屏蔽浏览器指令输入检测。
基准区域为在浏览器界面上预设的子区域。在一个实施例中,基准区域为浏览器工具栏所处的区域。
在一个实施例中,还可获取基准区域设置指令,并根据基准区域设置指令定义浏览器界面上的子区域为基准区域。用户可通过在浏览器界面上划定区域来输入基准区域设置指令。也就是说基准区域的位置以及大小可由用户自行设定和更改。
屏蔽浏览器指令输入检测即为:当检测到触摸操作时,停止触发触摸操作对应的浏览器指令。
在一个实施例中,屏蔽浏览器指令输入检测的步骤可具体为:在浏览器界面上添加屏蔽层,通过该屏蔽层屏蔽浏览器指令输入检测。
在本实施例中,当检测到触摸操作对应的触摸点位于基准区域内后,则可生成屏蔽层将整个浏览器界面遮挡住,使得后续输入的触摸操作均为对该屏蔽层的触发操作,而不是对浏览器界面的触发操作,从而实现屏蔽浏览器指令输入检测。
屏蔽层可以是网页上的div层,也可以是一个GUI界面层。
进一步的,屏蔽层为透明。采用透明的屏蔽层可以使用户在输入页面手势的同时不影响正常浏览网页。
步骤S106,获取以触摸点为起点的滑动轨迹。
在一个实施例中,可采样获取触摸操作的触摸点,获取以触摸操作对应的触摸点为起点的连续采样的触摸点作为滑动轨迹。
在本实施例中,获取到的滑动轨迹为一笔画轨迹。当检测到手指或其他物体脱离与触摸屏接触时,滑动轨迹获取完成,脱离触摸屏的位置点即为停止滑动的位置点。
在本实施例中,若用户的滑动操作先由基准区域外进入基准区域,再由基准区域内滑动至基准区域外,则仅获取滑动操作进入基准区域的位置点到停止滑动的位置点的滑动轨迹。在另一个实施例中,还可截取滑动操作移出基准区域的位置点到停止滑动的位置点的滑动轨迹。
步骤S108,触发滑动轨迹对应的页面手势指令。
在一个实施例中,可将滑动轨迹与预设的样本页面手势进行比对,若匹配,则触发与匹配的样本页面手势对应的指令。
在一个实施例中,触发滑动轨迹对应的页面手势指令的步骤之后还可移除屏蔽层,恢复浏览器指令输入检测。
移除了屏蔽层之后,输入的触摸操作即为对浏览器页面的触发操作,而不是对屏蔽层的触发操作,从而恢复了浏览器的输入指令检测。
在一个实施例中,检测浏览器界面上的触摸操作的步骤之后还在浏览器指令输入检测未屏蔽时,获取触摸操作的滑动轨迹;触发与滑动轨迹对应的浏览器指令。
例如,如图2所示,浏览器界面10下方预设有基准区域20。用户的滑动轨迹由位置点A起始,滑至位置点B。由于起点A位于基准区域内,因此浏览器指令检测被屏蔽,则根据由A至B的滑动轨迹触发对应的页面手势指令。也就是说,用户可通过先按压基准区域20中的任意位置点,然后以此位置点为起点在触摸屏上滑动形成滑动轨迹来触发页面手势指令。
如图3所示,浏览器界面10下方预设有基准区域20。用户的滑动操作以基准区域外的位置点C为起点,由位置点D进入基准区域,再由位置点E滑出基准区域,最后在基准区域外的位置点F完成滑动操作。在滑动轨迹到达位置点D时,检测到触摸点位于基准区域内,屏蔽浏览器指令输入检测,根据C至D的滑动轨迹触发对应的浏览器指令。同时,获取D到F的滑动轨迹,根据D到F的滑动轨迹触发页面手势指令。
在一个实施例中,如图4所示,一种页面手势触发装置,包括:触摸检测模块102、屏蔽控制模块104、轨迹获取模块106和指令触发模块108,其中:
触摸检测模块102,用于检测浏览器界面上的触摸操作。
在一个实施例中,硬件载体为智能终端,用户输入设备为智能终端上的触摸屏。浏览器界面即为浏览器在触摸屏上的显示区域。触摸操作即为通过触摸屏检测到的手指或其他物体对触摸屏的接触操作。浏览器界面上的触摸操作为对浏览器指令的触发操作。
屏蔽控制模块104,用于在触摸操作对应的触摸点位于浏览器界面的基准区域内时,屏蔽浏览器指令输入检测。
基准区域为在浏览器界面上预设的子区域。在一个实施例中,基准区域为浏览器工具栏所处的区域。
在一个实施例中,页面手势触发装置还包括基准区域设置模块(图中未标示),可用于获取基准区域设置指令,并根据基准区域设置指令定义浏览器界面上的子区域为基准区域。用户可通过在浏览器界面上划定区域来输入基准区域设置指令。也就是说基准区域的位置以及大小可由用户自行设定和更改。
屏蔽浏览器指令输入检测即为:当检测到触摸操作时,停止触发触摸操作对应的浏览器指令。
在一个实施例中,屏蔽控制模块104还可用于在浏览器界面上添加屏蔽层,通过该屏蔽层屏蔽浏览器指令输入检测。
在本实施例中,当检测到触摸操作对应的触摸点位于基准区域内后,则屏蔽控制模块104可用于生成屏蔽层将整个浏览器界面遮挡住,使得后续输入的触摸操作均为对该屏蔽层的触发操作,而不是对浏览器界面的触发操作,从而实现屏蔽浏览器指令输入检测。
屏蔽层可以是网页上的div层,也可以是一个GUI界面层。
进一步的,屏蔽层为透明。采用透明的屏蔽层可以使用户在输入页面手势的同时不影响正常浏览网页。
轨迹获取模块106,用于获取以触摸点为起点的滑动轨迹。
在一个实施例中,轨迹获取模块106可用于采样获取触摸操作的触摸点,获取以触摸操作对应的触摸点为起点的连续采样的触摸点作为滑动轨迹。
在本实施例中,轨迹获取模块106获取到的滑动轨迹为一笔画轨迹。当检测到手指或其他物体脱离与触摸屏接触时,滑动轨迹获取完成,脱离触摸屏的位置点即为停止滑动的位置点。
在本实施例中,若用户的滑动操作先由基准区域外进入基准区域,再由基准区域内滑动至基准区域外,则仅获取滑动操作进入基准区域的位置点到停止滑动的位置点的滑动轨迹。在另一个实施例中,还可截取滑动操作移出基准区域的位置点到停止滑动的位置点的滑动轨迹。
指令触发模块108,用于触发滑动轨迹对应的页面手势指令。
在一个实施例中,指令触发模块108可用于将滑动轨迹与预设的样本页面手势进行比对,若匹配,则触发与匹配的样本页面手势对应的指令。
在一个实施例中,屏蔽控制模块104还可用于移除屏蔽层,恢复浏览器指令输入检测。
移除了屏蔽层之后,输入的触摸操作即为对浏览器页面的触发操作,而不是对屏蔽层的触发操作,从而恢复了浏览器的输入指令检测。
在一个实施例中,如图5所示,页面手势触发装置还包括浏览器指令触发模块110,用于在浏览器指令输入检测未屏蔽时,获取触摸操作的滑动轨迹,触发与滑动轨迹对应的浏览器指令。
上述页面手势触发方法及装置,在检测到用户的滑动轨迹发起自预设的基准区域时,屏蔽浏览器指令的输入检测,获取滑动轨迹并触发滑动轨迹对应的页面手势指令,使得用户在进行页面手势输入时可不受浏览器指令输入的干扰,从而降低了误操作率。
同时,通过检测滑动轨迹的发起端是否位于基准区域内来控制开关浏览器指令的输入检测,可以减少不必要的按键来触发开关浏览器指令的输入检测功能,使得界面更简洁,输入方式更具有便利性。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random Access Memory,RAM)等。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面手势触发方法,包括:
检测浏览器界面上的触摸操作;
在所述触摸操作对应的触摸点位于所述浏览器界面上的基准区域内时,屏蔽浏览器指令输入检测;
获取以所述触摸点为起点的滑动轨迹;
触发所述滑动轨迹对应的页面手势指令。
2.根据权利要求1所述的页面手势触发方法,其特征在于,所述基准区域为浏览器工具栏所处的区域。
3.根据权利要求1所述的页面手势触发方法,其特征在于,所述屏蔽浏览器的输入指令检测的步骤为:
在所述浏览器界面上添加屏蔽层,通过所述屏蔽层屏蔽浏览器指令输入检测。
4.根据权利要求3所述的页面手势触发方法,其特征在于,所述触发所述滑动轨迹对应的页面手势指令的步骤之后还包括:
移除所述屏蔽层,恢复浏览器指令输入检测。
5.根据权利要求1至4任一项所述的页面手势触发方法,其特征在于,所述检测浏览器界面上的触摸操作的步骤之后还包括:
在所述浏览器指令输入检测未屏蔽时,获取所述触摸操作的滑动轨迹;
触发与所述滑动轨迹对应的浏览器指令。
6.一种页面手势触发装置,包括:
触摸检测模块,用于检测浏览器界面上的触摸操作;
屏蔽控制模块,用于所述触摸操作对应的触摸点位于所述浏览器界面上的基准区域内时,屏蔽浏览器指令输入检测;
轨迹获取模块,用于获取以所述触摸点为起点的滑动轨迹;
指令触发模块,用于触发所述滑动轨迹对应的页面手势指令。
7.根据权利要求6所述的页面手势触发装置,其特征在于,所述基准区域为浏览器工具栏所处的区域。
8.根据权利要求6所述的页面手势触发装置,其特征在于,所述屏蔽控制模块还用于在所述浏览器界面上添加屏蔽层,通过所述屏蔽层屏蔽浏览器指令输入检测。
9.根据权利要求6所述的页面手势触发装置,其特征在于,所述屏蔽控制模块还用于在所述指令触发模块触发所述滑动轨迹对应的页面手势指令后移除所述屏蔽层,恢复浏览器指令输入检测。
10.根据权利要求6至9任一项所述的页面手势触发装置,其特征在于,还包括浏览器指令触发模块,用于在所述浏览器指令输入检测未屏蔽时,获取所述触摸操作的滑动轨迹,触发与所述滑动轨迹对应的浏览器指令。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210226058.9A CN103530044B (zh) | 2012-07-03 | 2012-07-03 | 页面手势触发方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210226058.9A CN103530044B (zh) | 2012-07-03 | 2012-07-03 | 页面手势触发方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103530044A true CN103530044A (zh) | 2014-01-22 |
CN103530044B CN103530044B (zh) | 2017-11-21 |
Family
ID=49932102
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210226058.9A Active CN103530044B (zh) | 2012-07-03 | 2012-07-03 | 页面手势触发方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103530044B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104156139A (zh) * | 2014-08-06 | 2014-11-19 | 广州三星通信技术研究有限公司 | 阻止链接广告页面的方法和装置 |
CN105573635A (zh) * | 2014-10-09 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 网络信息存储方法及装置 |
CN106445945A (zh) * | 2015-08-06 | 2017-02-22 | 阿里巴巴集团控股有限公司 | 搜索结果处理方法及装置 |
CN109471519A (zh) * | 2017-09-08 | 2019-03-15 | 阿里巴巴集团控股有限公司 | 一种手势识别方法、装置及终端 |
CN110913068A (zh) * | 2019-11-14 | 2020-03-24 | 青岛海信移动通信技术股份有限公司 | 一种通信终端及滑动触控事件响应方法 |
CN111273847A (zh) * | 2020-01-07 | 2020-06-12 | 北京字节跳动网络技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101676844A (zh) * | 2008-09-18 | 2010-03-24 | 联想(北京)有限公司 | 触摸屏输入信息的处理方法及装置 |
CN102193735A (zh) * | 2011-03-24 | 2011-09-21 | 北京思创银联科技股份有限公司 | 触控操作方法 |
-
2012
- 2012-07-03 CN CN201210226058.9A patent/CN103530044B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101676844A (zh) * | 2008-09-18 | 2010-03-24 | 联想(北京)有限公司 | 触摸屏输入信息的处理方法及装置 |
CN102193735A (zh) * | 2011-03-24 | 2011-09-21 | 北京思创银联科技股份有限公司 | 触控操作方法 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104156139A (zh) * | 2014-08-06 | 2014-11-19 | 广州三星通信技术研究有限公司 | 阻止链接广告页面的方法和装置 |
CN105573635A (zh) * | 2014-10-09 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 网络信息存储方法及装置 |
CN106445945A (zh) * | 2015-08-06 | 2017-02-22 | 阿里巴巴集团控股有限公司 | 搜索结果处理方法及装置 |
CN109471519A (zh) * | 2017-09-08 | 2019-03-15 | 阿里巴巴集团控股有限公司 | 一种手势识别方法、装置及终端 |
CN110913068A (zh) * | 2019-11-14 | 2020-03-24 | 青岛海信移动通信技术股份有限公司 | 一种通信终端及滑动触控事件响应方法 |
CN111273847A (zh) * | 2020-01-07 | 2020-06-12 | 北京字节跳动网络技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
CN111273847B (zh) * | 2020-01-07 | 2021-07-20 | 北京字节跳动网络技术有限公司 | 一种页面处理方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN103530044B (zh) | 2017-11-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106406734B (zh) | 触摸操作处理方法及终端设备 | |
CN102855081B (zh) | 在设备中提供使用手势的web浏览器界面的装置和方法 | |
CN103530044A (zh) | 页面手势触发方法及装置 | |
CN103838456B (zh) | 一种桌面图标显示位置的控制方法及系统 | |
EP3002664B1 (en) | Text processing method and touchscreen device | |
CN103324325B (zh) | 多点触摸误操作的检测方法及终端 | |
CN104035677A (zh) | 提示信息的显示方法和装置 | |
CN106445972B (zh) | 页面显示方法及装置 | |
CN105224222B (zh) | 一种擦除方法、擦除装置及电子设备 | |
CN103064627A (zh) | 一种应用程序管理方法及装置 | |
CN103150093B (zh) | 一种操作提示标识符移动的方法、装置及终端 | |
CN104298462A (zh) | 一种单手操作智能终端的方法及装置 | |
CN102609191A (zh) | 一种触摸屏手机的来信浏览交互方法 | |
CN104077003A (zh) | 一种将手机返回键、home键和菜单键合并的方法及装置 | |
CN104657689A (zh) | 一种移动终端的触屏操作控制方法及装置 | |
CN104571679A (zh) | 触控方法及电子装置 | |
CN102207815A (zh) | 一种用于移动通讯设备终端的网页浏览方法及装置 | |
CN104182166A (zh) | 智能终端应用程序的控制方法和装置 | |
CN105159548A (zh) | 一种列表界面操作方法及电子终端 | |
CN105094396A (zh) | 一种基于触摸屏的元素删除方法及装置 | |
CN103235694A (zh) | 一种电子书阅读器的翻页方法、装置和移动终端 | |
CN104077050A (zh) | 一种终端操作方法 | |
CN105117090A (zh) | 一种具有电容式滑动按键的移动通讯设备及其运行方法 | |
CN104615356A (zh) | 页面操控方法和装置 | |
CN105373255A (zh) | 触控方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |