在浏览器中自动调整输入框位置的方法及系统的制作方法
【技术领域】
[0001]本发明涉及计算机网络领域，更为具体而言，涉及一种在浏览器中自动调整输入框位置的方法及系统。
【背景技术】
[0002]随着网络的发展，人们可以通过网络处理越来越多的事情，用户在使用浏览器上网时经常需要在输入框内输入内容，譬如密码输入框，内容输入框等等；然而，由于有些网页的内容较多，输入框只能出现在网页的中部或者底部，当用户需要在输入框内输入内容的时候，一方面比较难找到输入框，另外输入框由于在网页底部，所以需要用户自行调整页面，操作很不方便，导致处理效率较低和上网体验度差。
[0003]因此，为了解决当前用户在上网时需要自行调整输入框位置所导致的操作不便的问题，亟需一种在浏览器中自动调整输入框位置的方法及系统。
【发明内容】
[0004]为了解决当前用户在上网时需要自行调整输入框位置所导致的操作不便的问题，本发明的实施方式提供了一种在浏览器中自动调整输入框位置的方法及系统。
[0005]一方面，本发明实施方式提供了一种在浏览器中自动调整输入框位置的方法，所述方法包括:
[0006]获取输入光标的坐标值和浏览器的窗口坐标值；
[0007]根据所述输入光标的坐标值和浏览器的窗口坐标值调整输入框在浏览器窗口中的位置。
[0008]相应的，本发明实施方式还提供了一种在浏览器中自动调整输入框位置的系统，所述系统包括:
[0009]获取模块，用于获取输入光标的坐标值和浏览器的窗口坐标值；
[0010]调整模块，用于根据所述输入光标的坐标值和浏览器的窗口坐标值调整输入框在浏览器窗口中的位置。
[0011]实施本发明的各种实施方式具有以下有益效果:可自动调整浏览器中输入框的位置，从而提高用户上网的输入效率和用户体验度。
【附图说明】
[0012]图1是根据本发明实施方式的在浏览器中自动调整输入框位置的方法的流程图；
[0013]图2示出了图1所示方法的步骤SI的具体流程图；
[0014]图3示出了图2所示方法的步骤Sll的具体流程图；
[0015]图4示出了图1所示方法的步骤S2的具体流程图；
[0016]图5示出了图1所示方法的步骤S2的另一流程图；
[0017]图6是根据本发明实施方式的在浏览器中自动调整输入框位置的系统的架构图；
[0018]图7示出了图6所示的获取模块100的框图；
[0019]图8示出了图7所示的光标坐标获取子模块110的框图；
[0020]图9示出了图8所示的输入框判断单元111的框图；
[0021]图10示出了图6所示的调整模块200的框图。
【具体实施方式】
[0022]以下结合附图和【具体实施方式】对本发明的各个方面进行详细阐述。其中，众所周知的模块、单元及其相互之间的连接、链接、通信或操作没有示出或未作详细说明。并且，所描述的特征、架构或功能可在一个或一个以上实施方式中以任何方式组合。本领域技术人员应当理解，下述的各种实施方式只用于举例说明，而非用于限制本发明的保护范围。还可以容易理解，本文所述和附图所示的各实施方式中的模块或单元或处理方式可以按各种不同配置进行组合和设计。
[0023]图1是根据本发明实施方式的消息监控方法的流程图；参见图1，所述方法包括:
[0024]SI，获取输入光标的坐标值和浏览器的窗口坐标值；
[0025]S2，根据所述输入光标的坐标值和浏览器的窗口坐标值调整输入框在浏览器窗口中的位置。
[0026]通过采用本发明实施方式所述的方法可自动调整浏览器中输入框的位置，从而提高用户上网的输入效率和用户体验度。
[0027]图2示出了图1所示方法的步骤SI的具体流程图；参见图2，所述步骤SI包括:
[0028]S11，浏览器插件判断网页中是否存在所述输入框；
[0029]S12，如果所述网页中存在所述输入框，则监听所述输入框的输入事件，可采用JavaScript函数OnMouseDown监听输入框的输入事件；
[0030]S13，当监听到所述输入框发生输入动作时，则OnMouseDown函数可接收所述输入事件，所述输入事件的参数包含输入光标的坐标值mousevalue (x, y)。
[0031]图3示出了图2所示方法的步骤Sll的具体流程图；参见图3，所述步骤Sll包括:
[0032]S111，所述浏览器插件遍历所述网页的内容，查找所述网页的内容中是否含有输入标签(即〈input〉标签);
[0033]S112，根据所述网页的内容中含有所述输入标签的查找结果判断出所述网页中存在输入框。
[0034]图4示出了图1所示方法的步骤S2的具体流程图；参见图4，所述步骤S2包括:
[0035]S211，将所述输入光标的坐标值mousevalue (X，y)与所述浏览器的窗口坐标值window(xl, yl)进行比较，其中，所述浏览器的窗口坐标值window(xl, yl)的获取可通过windows 的 api 函数(GetWindowWidth 函数和 GetWindowHeight 函数)；
[0036]S212，根据所述比较的结果，通过所述浏览器插件自动调整浏览器窗口的垂直滚动条以对所述输入框在所述浏览器窗口中的位置进行调整。
[0037]图5示出了图1所示方法的步骤S2的另一流程图；参见图5，所述步骤S2包括:
[0038]S221，将所述输入光标的纵坐标值mousevalue (X，y)与所述窗口坐标的底端纵坐标值window (xl, yl)进行比较；
[0039]S222,获取所述输入光标的纵坐标值mousevalue (x, y)与所述窗口坐标的底端纵坐标值 window (xl, yl)之差 yl_y ;
[0040]S223，判断所述差是否小于第一预定值(例如:5px (像素))；
[0041]S224，所述差小于所述第一预定值，则所述浏览器插件自动调整浏览器的垂直条以使调整后的所述输入光标的纵坐标值mousevalue (x, y)与所述窗口坐标的底端纵坐标值window (xl, yl)之差yl_y不小于第二预定值，其中，所述第一预定值小于所述第二预定值(例如:15px(像素))，例如:当yl-y〈5px(像素)时，则浏览器插件自动调整浏览器窗口的垂直滚动条，调整到yl-y> = 15px(像素)即可。
[0042]图6是根据本发明实施方式的在浏览器中自动调整输入框位置的系统I的架构图；参见图6，所述系统I包括:
[0043]获取模块100，用于获取输入光标的坐标值和浏览器的窗口坐标值；
[0044]调整模块200，用于根据所述输入光标的坐标值和浏览器的窗口坐标值调整输入框在浏览器窗口中的位置。
[0045]通过采用本发明实施方式所述的系统可自动调整浏览器中输入框的位置，从而提高用户上网的输入效率和用户体验度。
[0046]图7示出了图6所示的获取模块100的框图；参见图7，所述获取模块100包括:
[0047]光标坐标获取子模块110，用于获取输入光标的坐标值mousevalue (x, y)，；
[0048]窗口坐标获取子模块120，用于获取浏览器的窗口坐标值window (xl, yl),其中，所述浏览器的窗口坐标值window (xl, yl)的获取可通过windows的api函数(Getffindowffidth 函数和 GetWindowHeight 函数)。
[0049]图8示出了图7所示的光标坐标获取子模块110的框图；参见图8，所述光标坐标获取子模块110包括:
[0050]输入框判断单元111，用于浏览器插件判断网页中是否存在所述