一种数字输入方法、装置和移动设备制造方法及图纸

本申请提供了一种数字输入方法、装置和移动设备，该方法和装置应用于移动设备，具体为响应用户的数字输入请求，在运行于移动设备的浏览器的显示界面上，显示一个基于react前端框架的数字输入界面，数字输入界面包括至少一个数字输入框；接收用户输入的数字，将数字传入数字输入框，并显示数字；响应用户的输入确认请求，将数字传入移动设备的后台系统。由于react前端框架不依赖其他任何的库，因此可以与任何其浏览器的库集成使用，也就能很好地应用于任何的浏览器，从而很好地解决了与浏览器的兼容性问题，进而提高了用户的使用体验。

A digital input method, device, and mobile device

The present application provides a digital input method, device, and mobile device, which is applied to a mobile device, in response to a user's digital input request, and displays a digital input interface based on the react front-end framework on the display interface of the browser running on the mobile device, and the digital input interface is included to the mobile device. Less a number input box; receive the number input by the user, pass the number into the digital input box, and display the number; respond to the user's input confirmation request, and send the number to the background system of the mobile device. Because the react front-end framework does not rely on any other library, it can be integrated with any library of its browsers and can be well applied to any browser, which solves the compatibility problem with the browser and improves user experience.

【技术实现步骤摘要】
一种数字输入方法、装置和移动设备
本申请涉及移动设备
，更具体地说，涉及一种数字输入方法、装置和移动设备。
技术介绍
在移动设备上，有时候需要以一定的浏览器为基础为用户提供数字输入工具，例如输入转账金额、密码等，目前一般使用传统的input数字输入框接收用户的输入，并将输入的数字传入相应的后台，以使后台根据转账金额、密码等实现相应的操作，如转账、提现等。然而，随着用户的使用习惯和移动端本身的发展，不同移动设备的浏览器也有很大的区别、例如有的用户会使用搜狗浏览器、谷歌浏览器，有的则会使用百度浏览器、360浏览器等，对于不同的浏览器来说，其渲染机制也会有很大的区别，从而使移动设备因浏览器的不同的无法对input数字输入框进行良好兼容，进而使用户的使用体验较差。
技术实现思路
有鉴于此，本申请提供一种数字输入方法、装置和移动设备，用于使移动设备上的浏览器能够接收用户输入的数字，以解决传统方案下用户体验较差的问题。为了实现上述目的，现提出的方案如下：一种数字输入方法，应用于移动设备，所述数字输入方法具体包括步骤：响应用户的数字输入请求，在运行于所述移动设备的浏览器的显示界面上，显示一个基于react前端框架的数字输入界面，所述数字输入界面包括至少一个数字输入框；接收用户输入的数字，将所述数字传入所述数字输入框，并显示所述数字；响应用户的输入确认请求，将所述数字传入所述移动设备的后台系统。可选的，所述数字输入界面还包括模拟键盘。可选的，还包括步骤：当用户点击所述模拟键盘上的隐藏键或点击所述数字输入界面的空白处时，隐藏所述模拟键盘。可选的，所述数字输入框为金额输入框或密码输入框。可选的，当所述数字输入框为所述密码输入框时，所述模拟键盘上的数字键和/或字母键为随机乱序排列。所述数字输入界面上在预设位置还显示有快捷输入键和账户余额，可选的，所述数字输入方法还包括步骤：当用户点击所述快捷输入键时，将与所述账户余额相同的数字传入所述数字输入框。一种数字输入装置，应用于移动设备，所述数字输入装置具体包括：显示控制模块，用于响应用户的数字输入请求，在运行于所述移动设备的浏览器的显示界面上，显示一个基于react前端框架的数字输入界面，所述数字输入界面包括至少一个数字输入框；第一接收模块，用于接收用户输入的数字，将所述数字传入所述数字输入框，并显示所述数字；数字上传模块，用于响应用户的输入确认请求，将所述数字传入所述移动设备的后台系统。可选的，所述数字输入界面还包括模拟键盘。可选的，还包括：隐藏控制模块，用于当用户点击所述模拟键盘上的隐藏键或点击所述数字输入界面的空白处时，隐藏所述模拟键盘。可选的，所述数字输入框为金额输入框或密码输入框。可选的，当所述数字输入框为所述密码输入框时，所述模拟键盘上的数字键和/或字母键为随机乱序排列。所述数字输入界面上在预设位置还显示有快捷输入键和账户余额，可选的，所述数字输入装置还包括：第二接收模块，用于当用户点击所述快捷输入键时，将与所述账户余额相同的数字传入所述数字输入框。一种移动设备，设置有如上所述的数字输入装置。从上述的技术方案可以看出，本申请公开了一种数字输入方法、装置和移动设备，该方法和装置应用于移动设备，具体为响应用户的数字输入请求，在运行于移动设备的浏览器的显示界面上，显示一个基于react前端框架的数字输入界面，数字输入界面包括至少一个数字输入框；接收用户输入的数字，将数字传入数字输入框，并显示数字；响应用户的输入确认请求，将数字传入移动设备的后台系统。由于react前端框架不依赖其他任何的库，因此可以与任何其浏览器的库集成使用，也就能很好地应用于任何的浏览器，从而很好地解决了与浏览器的兼容性问题，进而提高了用户的使用体验。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种数字输入方法的步骤流程图；图2为本申请实施例提供的一种数字输入界面的效果图；图3为本申请实施例提供的另一种数字输入界面的效果图；图4为本申请实施例提供的又一种数字输入界面的效果图；图5为本申请实施例提供的一种数字输入装置的结构框图；图6为本申请实施例提供的一种移动设备的结构框图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。实施例一图1为本申请实施例提供的一种数字输入方法的步骤流程图。如图1所示，本实施例提供的数字输入方法应用于手机、平板电脑等移动设备，用于接收用户输入的数字，如金额、密码等，该数字输入方法具体包括如下步骤：S101：根据用户的请求显示数字输入界面。即当用户通过点击运行于移动设备的浏览器的相应区域或按钮输入相应的输入输入请求时，响应该数字输入请求，在该浏览器的显示界面上显示一个数字输入界面，该数字输入界面包括至少一个用于接收用户输入相应数字的数字输入框，如图2所示。在本实施例的一个具体实施方式中，该显示界面除了显示数字输入框外，还显示模拟键盘，模拟键盘为在显示界面上显示的数字输入区域，用于接收用户的点击输入或者滑动输入，并将用户选中的数字传入到数字输入框中。在本实施例的另一个具体实施方式中，该模拟键盘并非一直显示在显示界面上，而是在用户点击数字输入框或者显示界面的空白处时，弹出该模拟键盘，如图3所示。在本实施例的另一个具体实施方式中，在用户在利用该模拟键盘输入数字或密码完毕后，点击该模拟键盘的隐藏键或者显示界面的空白处时，将该模拟键盘隐藏。值得指出的是，该数字输入界面是基于react前端框架实现的，该界面使用的组件均通过react语法实现，例如，在需要时，通过如下方式将组件引入到页面框架中：importKeyboardInputfrom"KeyboardInput"在需要引用的时候，通过下面的方法引入：<KeyboardInputdefaultValut＝{this.state.defaultValut}placeholder＝{this.props.authorizeAmountString}value＝{this.state.money_input}changeFn＝{this.handleChangeInput.bind(this)}/>其中，defaultValut，placeholder，value，changeFn等属性是根据用户的需求，需要传入的参数。react前端框架一般被用来作为MVC中的V层，它不依赖其他任何的库，因此开发中，可以与任何其他的库集成使用，包括Jquery、Backbone等。它可以在浏览器端运行，也可以通过nodejs在服务端渲染。React引入了虚拟DOM的机制，在浏览器端用Javascript实现了一套DOMAPI。基于React进行开发时所有的DOM本文档来自技高网...

【技术保护点】
一种数字输入方法，应用于移动设备，其特征在于，所述数字输入方法具体包括步骤：响应用户的数字输入请求，在运行于所述移动设备的浏览器的显示界面上，显示一个基于react前端框架的数字输入界面，所述数字输入界面包括至少一个数字输入框；接收用户输入的数字，将所述数字传入所述数字输入框，并显示所述数字；响应用户的输入确认请求，将所述数字传入所述移动设备的后台系统。

【技术特征摘要】
1.一种数字输入方法，应用于移动设备，其特征在于，所述数字输入方法具体包括步骤：响应用户的数字输入请求，在运行于所述移动设备的浏览器的显示界面上，显示一个基于react前端框架的数字输入界面，所述数字输入界面包括至少一个数字输入框；接收用户输入的数字，将所述数字传入所述数字输入框，并显示所述数字；响应用户的输入确认请求，将所述数字传入所述移动设备的后台系统。2.如权利要求1所述的数字输入方法，其特征在于，所述数字输入界面还包括模拟键盘。3.如权利要求2所述的数字输入方法，其特征在于，还包括步骤：当用户点击所述模拟键盘上的隐藏键或点击所述数字输入界面的空白处时，隐藏所述模拟键盘。4.如权利要求2所述的数字输入方法，其特征在于，所述数字输入框为金额输入框或密码输入框。5.如权利要求4所述的数字输入方法，其特征在于，当所述数字输入框为所述密码输入框时，所述模拟键盘上的数字键和/或字母键为随机乱序排列。6.如权利要求1所述的数字输入方法，所述数字输入界面上在预设位置还显示有快捷输入键和账户余额，其特征在于，所述数字输入方法还包括步骤：当用户点击所述快捷输入键时，将与所述账户余额相同的数字传入所述数字输入框。7.一种数字输入装置，应用于移动设备，其特征在于，所述数字输入装置具体包括：显示控制...

【专利技术属性】
技术研发人员：刘哲，
申请(专利权)人：北京网信云服信息科技有限公司，
类型：发明
国别省市：北京,11