一种手机APP软件文本框随软键盘自适应位置的方法技术

本发明专利技术公开了一种手机APP软件文本框随软键盘自适应位置的方法，通过将相关函数放在指定位置，并根据实际的环境设置其相关参数，具体为：开发人员将js函数引进到相关页面，通过监听软键盘的相关操作，设置页面参数，从而控制页面上下移动。该一种手机APP软件文本框随软键盘自适应位置的方法与现有技术相比，通过在相关的页面加入指定的js方法，设置相关的参数，实现文本框位置随软键盘自适应，从而达到简化开发，保证了开发的简单、方便、快速，加强适应性的效果，具有很好的推广使用价值，实用性强。

【技术实现步骤摘要】

本专利技术涉及手机软件
，具体地说是一种实用性强、手机APP软件文本框随软键盘自适应位置的方法。
技术介绍
互联网已经进入到了非常成熟的时代，现在社会也越来越重视软件使用者之间的异地实时交流，这就必不可少需要通讯工具，因此，智能手机逐渐成为绝大部分人的必备品。而对于用户来说，手机软件的美观性和实用性成为了一个手机APP软件成功与否的重要评价标准，而文本框随软键盘的位置自适应就是其美观性和适应性的体现。基于此，本专利技术提供一种基于APPCAN平台的手机APP软件文本框随软键盘自适应位置的方法能够很好的适应各种手机，达到了美化页面、增强适应性的效果，节省了开发时间，从而具备了一定的使用价值。
技术实现思路
本专利技术的技术任务是针对以上不足之处，提供一种实用性强、手机APP软件文本框随软键盘自适应位置的方法。一种手机APP软件文本框随软键盘自适应位置的方法，将相关函数放在指定位置，并根据实际的环境设置其相关参数即可，具体为：开发人员将js函数引进到相关页面，通过监听软键盘的相关操作，设置页面参数，从而控制页面上下移动。给需要变动的文本框加上点击事件，实现文本框自适应，完成开发。所述js函数包括：监听点击文本框，并移动页面的函数一；监听页面变化及其软键盘弹出缩回的函数二；根据软键盘弹出，将文本框提升，防止文本框被软键盘遮住的函数三；根据软键盘缩回，将文本框恢复到原先位置的函数四；以及点击屏幕、滑动和离开屏幕的相关处理函数。将上述js函数引进相关页面的过程为：在主页面加载函数二、函数三、函数四；在悬浮窗口加入函数一。设置页面参数并控制页面上下移动的过程为：在需要的随软键盘自适应位置的文本框加上点击事件，触发时调用函数一，函数一调用主页函数，控制悬浮窗口做出上升操作；函数二监听到软键盘收回，调用函数四，将浮动窗口恢复到原先位置。本专利技术的一种手机APP软件文本框随软键盘自适应位置的方法，具有以下优点：该专利技术的一种手机APP软件文本框随软键盘自适应位置的方法是一种基于html5+css3+js技术、能够实现文本框随软键盘弹出自适应位置的方法，即通过在相关的页面加入指定的js方法，设置相关的参数，实现文本框位置随软键盘自适应，从而达到简化开发，保证了开发的简单、方便、快速，加强适应性的效果，具有很好的推广使用价值，实用性强。具体实施方式下面结合具体实施例对本专利技术作进一步说明。本专利技术提供一种手机APP软件文本框随软键盘自适应位置的方法,通过简单的函数调用及其相关参数的设置，来实现文本框位置随软键盘自适应，保证了开发的简单，方便，快速，适应性强。该方法是将相关函数放在指定位置，并根据实际的环境设置其相关参数即可，具体为：开发人员将js函数引进到相关页面，通过监听软键盘的相关操作，设置页面参数，从而控制页面上下移动。给需要变动的文本框加上点击事件，实现文本框自适应，完成开发。所述js函数包括：监听点击文本框，并移动页面的函数一；监听页面变化及其软键盘弹出缩回的函数二；根据软键盘弹出，将文本框提升，防止文本框被软键盘遮住的函数三；根据软键盘缩回，将文本框恢复到原先位置的函数四；以及点击屏幕、滑动和离开屏幕的相关处理函数。将上述js函数引进相关页面的过程为：在主页面加载函数二、函数三、函数四；在悬浮窗口加入函数一。设置页面参数并控制页面上下移动的过程为：在需要的随软键盘自适应位置的文本框加上点击事件，触发时调用函数一，函数一调用主页函数，控制悬浮窗口做出上升操作；函数二监听到软键盘收回，调用函数四，将浮动窗口恢复到原先位置。上述方法解决了基于APPCAN平台的手机APP混合开发，文本框随软键盘弹出自适应位置的手机适应性不强的问题；节约开发时间，从而节约项目的开发成本问题；开发者不需要设置样式，只需要引入函数，设置相关参数就能实现功能，很大程度降低了对开发人员的要求；解决了对手机APP软件开发熟悉度不高的人开发页面时，文本框不能自适应的问题。具体的程序代码如下。js代码如下：function yidong(id){ var offsetobj = $(\#\+id).offset(); var top = offsetobj.top; localStorage.top = top;uexWindow.evaluateScript(windowName, '0', 'pingyi()');本文档来自技高网...

【技术保护点】
一种手机APP软件文本框随软键盘自适应位置的方法，其特征在于，将相关函数放在指定位置，并根据实际的环境设置其相关参数即可实现，具体为：开发人员将js函数引进到相关页面，通过监听软键盘的相关操作，设置页面参数，从而控制页面上下移动。

【技术特征摘要】
1.一种手机APP软件文本框随软键盘自适应位置的方法，其特征在于，将相关函数放在指定位置，并根据实际的环境设置其相关参数即可实现，具体为：开发人员将js函数引进到相关页面，通过监听软键盘的相关操作，设置页面参数，从而控制页面上下移动。2.根据权利要求1所述的一种手机APP软件文本框随软键盘自适应位置的方法，其特征在于，所述js函数包括：监听点击文本框，并移动页面的函数一；监听页面变化及其软键盘弹出缩回的函数二；根据软键盘弹出，将文本框提升，防止文本框被软键盘遮住的函数三；根据软键盘缩回，将文本框恢复到原先位置的函数四；...

【专利技术属性】
技术研发人员：肖庆超，杨培强，程林，
申请(专利权)人：浪潮软件集团有限公司，
类型：发明
国别省市：山东;37