CN111414219B - Page input box control method and device, electronic equipment and medium - Google Patents
Page input box control method and device, electronic equipment and medium Download PDFInfo
- Publication number
- CN111414219B CN111414219B CN202010193362.2A CN202010193362A CN111414219B CN 111414219 B CN111414219 B CN 111414219B CN 202010193362 A CN202010193362 A CN 202010193362A CN 111414219 B CN111414219 B CN 111414219B
- Authority
- CN
- China
- Prior art keywords
- input box
- input
- page
- soft keyboard
- layer
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 45
- 230000004044 response Effects 0.000 claims abstract description 30
- 238000004590 computer program Methods 0.000 claims description 18
- 238000004364 calculation method Methods 0.000 abstract description 5
- 230000008859 change Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 239000012141 concentrate Substances 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000012546 transfer Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- IUVCFHHAEHNCFT-INIZCTEOSA-N 2-[(1s)-1-[4-amino-3-(3-fluoro-4-propan-2-yloxyphenyl)pyrazolo[3,4-d]pyrimidin-1-yl]ethyl]-6-fluoro-3-(3-fluorophenyl)chromen-4-one Chemical compound C1=C(F)C(OC(C)C)=CC=C1C(C1=C(N)N=CN=C11)=NN1[C@@H](C)C1=C(C=2C=C(F)C=CC=2)C(=O)C2=CC(F)=CC=C2O1 IUVCFHHAEHNCFT-INIZCTEOSA-N 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000011160 research Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Input From Keyboards Or The Like (AREA)
Abstract
The disclosure provides a control method and device of a page input box, electronic equipment and a medium. The control method of the page input box comprises the following steps: loading a soft keyboard and a second input box associated with the first input box in response to a triggering operation of the first input box in the current page; and a second layer is established on the first layer to which the first input box belongs, and a second input box and a soft keyboard are respectively displayed in a first area and a second area of the second layer. According to the embodiment of the disclosure, the preset second input frame and the soft keyboard are loaded and displayed in the two non-overlapping areas respectively, so that the second input frame and the soft keyboard are not in conflict with each other in display positions, page skip caused by position change of the input frame when inputting contents can be avoided, and the moving distance of the input frame is not required to be calculated when inputting, so that calculation is simplified.
Description
Technical Field
The disclosure relates to the technical field of webpage design, and in particular relates to a control method, a device, electronic equipment and a medium of a webpage input box.
Background
Currently, input box control is one of basic controls for displaying pages, can be used for inputting text, uses a field Jing Jiaoduo in the field of page display, and has high interaction frequency. In the current page display technology, when a user inputs content through an input frame control (for example, an input frame control located in the middle or at the lower end of a page) of a certain page, when the triggering operation of the user on the input frame is detected, the input frame and the content on the input frame need to be moved upwards, a soft keyboard is displayed on the lower half part of the page, and a series of calculations need to be performed according to the position of the input frame, the height of the soft keyboard and the like so as to determine the upward movement distance.
Disclosure of Invention
Aiming at the defects of the prior art, the disclosure provides a control method, a device, electronic equipment and a medium of a page input box, which are used for solving the technical problems that when the input box is triggered in the prior art, the calculation of the input box is complicated and the page jumps up and down during the upward movement.
In a first aspect, an embodiment of the present disclosure provides a method for controlling a page input box, including:
loading a soft keyboard and a second input box associated with the first input box in response to a triggering operation of the first input box in the current page;
a second layer is established on the first layer to which the first input frame belongs, and a second input frame and a soft keyboard are respectively displayed in a first area and a second area of the second layer; the first region and the second region do not overlap.
In a second aspect, an embodiment of the present disclosure provides a control apparatus for a page input box, including:
the loading module is used for responding to the triggering operation of the first input box in the current page and loading the soft keyboard and the second input box associated with the first input box;
the display module is used for establishing a second image layer on the first image layer to which the first input frame belongs, and respectively displaying a second input frame and a soft keyboard in a first area and a second area of the second image layer; the first region and the second region do not overlap.
In a third aspect, an embodiment of the present disclosure provides an electronic device, including:
a memory;
a processor electrically connected to the memory;
the memory stores a computer program that is executed by the processor to implement the control method of the page input box provided in the first aspect of the example of the present disclosure.
In a fourth aspect, an embodiment of the present disclosure provides a computer readable medium storing a computer program, where the computer program when executed by a processor implements a method for controlling a page input box provided in the first aspect of the embodiment of the present disclosure.
The technical scheme provided by the embodiment of the disclosure has at least the following beneficial effects:
for the input box control of any page in the application program, when a trigger instruction is received, by loading a preset second input box and a soft keyboard and respectively displaying two non-overlapping areas in a second image layer newly built on a first image layer to which an original input box (a first input box in the disclosure) belongs, the second input box and the soft keyboard are not in conflict with each other in display positions, page jump caused by position change of the original input box when inputting contents can be avoided, the moving distance of the input box is not required to be calculated when inputting, and calculation is simplified.
The present disclosure provides this summary section to introduce concepts in a simplified form that are further described below in the detailed description section. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.
Drawings
The foregoing and/or additional aspects and advantages of the present disclosure will become apparent and readily appreciated from the following description of the embodiments, taken in conjunction with the accompanying drawings, in which:
fig. 1 is a flow chart of a control method of a page input box according to an embodiment of the disclosure;
fig. 2 is a partial flow diagram of another control method of a page input box according to an embodiment of the disclosure;
FIG. 3 is a partial flow chart of a control method of a page input box according to another embodiment of the disclosure;
FIG. 4 is a schematic diagram of an interface of an embodiment of the present disclosure in a practical application;
fig. 5 is a schematic structural frame diagram of a control device of a page input box according to an embodiment of the disclosure;
fig. 6 is a schematic structural frame of an electronic device according to an embodiment of the disclosure.
The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure have been shown in the accompanying drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order and/or performed in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "including" and variations thereof as used herein are intended to be open-ended, i.e., including, but not limited to. The term "based on" is based at least in part on. The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments. Related definitions of other terms will be given in the description below.
It should be noted that the terms "first," "second," and the like in this disclosure are used merely to distinguish one device, module, or unit from another device, module, or unit, and are not intended to limit the order or interdependence of the functions performed by the devices, modules, or units.
It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.
The names of messages or information interacted between the plurality of devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information
Several terms that this disclosure relates to will first be described and explained:
input box: also called a text box, is a place where a user inputs characters, and is usually a long rectangle with various elements attached. Common are forms, chat software, registration login, search box, and other interfaces.
Soft keyboard: a virtual keyboard is provided, which can be used for inputting characters by clicking a mouse or a touch screen through a software simulation keyboard.
The inventor of the present disclosure researches and discovers that when a user performs content input through an input box control (for example, located at the top of a page) of a certain page of an application program, when a trigger operation of the user on the input box is detected, a corresponding input page is popped up, the lower half part of the input page is a soft keyboard, and the top part is an input box for inputting content, but the input box is still smaller, so that the input content font is smaller, and viewing of the input content is not facilitated.
The control method, the device, the electronic equipment and the medium for the page input box aim to solve the technical problems in the prior art.
The following describes the technical solutions of the present disclosure and how the technical solutions of the present disclosure solve the above technical problems in detail with specific embodiments.
The embodiment of the disclosure provides a control method of a page input box, as shown in fig. 1, the control method includes:
s101, responding to triggering operation of a first input box in the current page, and loading a soft keyboard and a second input box associated with the first input box.
Alternatively, the first input box may be a trigger operation of the input box located at any position (e.g., top, middle, or bottom) in the current page, and the trigger operation of the first input box may be a touch or click operation of the first input box by the user.
Optionally, the second input box and the soft keyboard have an association relationship, where the association relationship is pre-established or established after receiving the trigger instruction, and the embodiment of the disclosure does not limit the association relationship, and after the association relationship is established, a data transmission channel is formed between the second input box and the soft keyboard, so that data transmission can be performed, and content input through the soft keyboard can be displayed in the second input box.
S102, a second image layer is established on the first image layer to which the first input frame belongs, and a second input frame and a soft keyboard are respectively displayed in a first area and a second area of the second image layer; the first region and the second region do not overlap.
Optionally, the height of the second input frame is greater than the height of the first input frame, and/or the width of the second input frame is greater than the width of the first input frame. After the user inputs the text content, the text in the second input frame can be correspondingly amplified according to the height or the width of the second input frame, so that the user can check the text at a glance, and the user can input the text conveniently.
Alternatively, the specific positions, heights and widths of the second input box and the soft keyboard can be set according to actual requirements. In one example, the second input frame may be displayed on the upper half of the page, the soft keyboard may be displayed on the lower half of the page, the height of the second input frame may be a difference between the height of the page and the height of the soft keyboard, and the width of the second input frame may be equal to the width of the page, or the height of the second input frame may be adjusted according to a ratio of the screen with a better visual effect (i.e. a ratio of the width to the height (e.g. 16:9 or 4:3)), according to the set width of the second input frame, or according to the set height of the second input frame.
In the embodiment of the disclosure, the "upper half", "lower half", "height" and "width" are all based on the visual angle of the user, when the user faces the operation interface, the upper part that can be seen is the upper half, the lower part that can be seen is the lower half, the distance between the upper edge and the lower edge of the second input frame that can be seen is the height, and the distance between the left edge and the right edge that can be seen is the width.
In the embodiment of the disclosure, the second layer is built on the first layer, which means that the second layer is built in the direction of the first layer near to the user side (the opposite direction is the direction near to the inner side of the screen), that is, the second layer (newly built layer) of the second input box is overlaid on the first layer of the first input box in the direction towards the user.
In another alternative embodiment, a second layer is built on top of the first layer and the first layer is closed, and a second input box is displayed in the second layer, i.e. the original layer (first layer) is replaced with a new layer (second layer) and the original input box (first input box) is replaced with a new input box (second input box).
Optionally, in a scheme that the second layer is overlaid on the first layer, the visibility of the second layer is greater than the visibility of the first layer. When the visibility of the second layer is higher, the page content in the first layer, which is blocked by the second input frame, can be completely invisible to the user (i.e. the part of page content is hidden), so that the interference of the first layer to the user is avoided, and the user is enabled to concentrate on the content in the second input frame.
The visibility of the layer may be achieved by adjusting the ground color and transparency of the layer, in one example, the ground color of the second input frame may be set to black, and the transparency is adjusted to make the second layer to which the second input frame belongs be a semitransparent layer, so that the user may concentrate on the content in the second input frame, and may also conveniently view the page content covered by the second input frame when the user needs.
Alternatively, in one embodiment, the second input box may be displayed according to a preset display mode, for example, the preset display mode corresponds to a certain animation effect, and the second input box is popped up according to the set animation effect when the second input box is displayed.
Optionally, as shown in fig. 2, the control method of the page input box provided in the embodiment of the present disclosure further includes, on the basis of the steps S101 to S102, the following steps S103 to S104:
s103, response data is generated in response to the first operation of the soft keyboard by the user.
And S104, displaying the response data in the second input box.
The first operation in the embodiments of the present disclosure includes a clicking operation on a character key in the soft keyboard (including alphabetic keys, numeric keys, etc. of various language-type soft keyboards), and the generated response data includes characters entered by clicking the character key, which are transferred to the second input box for display through a data transfer channel between the second input box and the soft keyboard.
Optionally, as shown in fig. 3, the control method of the page input box provided in the embodiment of the present disclosure further includes, on the basis of the steps S101 to S102, the following steps S105 to S106:
s105, generating a closing instruction in response to a second operation of the soft keyboard by the user.
S106, closing the second input box according to the closing instruction.
The second operation in the embodiment of the present disclosure includes a clicking operation on a search key (or an enter key, or other key with a search function) in the soft keyboard, where after the user clicks the search key, corresponding to the end of the current input, the search button of the second input box is triggered to search for the input content, and the second input box is not required to be displayed, so that a closing instruction is generated to close the second input box.
Fig. 4 shows an example diagram of an embodiment of the present disclosure in practical application, specifically, a distribution diagram of an input box and a soft keyboard after a control method of a page input box provided by the embodiment of the present disclosure is adopted, and as can be seen from fig. 4, when a triggering operation of a first input box is sensed, a second layer to which a second input box 402 (solid line box) loaded and displayed belongs is covered on a first layer to which an original first input box 401 (dashed line box) belongs, and both the height and the width of the second input box 402 are greater than those of the first input box 401, so that fonts displayed in the font are also larger, and a page does not need to jump up and down when inputting content. The number keys in the soft keyboard 403 shown in fig. 4 may be used to input numbers, the entered numbers may be displayed in the second input box 402, and the search key in the soft keyboard 403 may be used to initiate a search and generate a close instruction to close the second input box.
Based on the same inventive concept, the control device for a page input box provided in the embodiments of the present disclosure, as shown in fig. 5, includes: the loading module 501 and the display module 502.
The loading module 501 is configured to load a soft keyboard and a second input box associated with a first input box in a current page in response to a triggering operation of the first input box.
The display module 502 is configured to establish a second layer above a first layer to which the first input box belongs, and display a second input box and a soft keyboard in a first area and a second area of the second layer, respectively; the first region and the second region do not overlap.
Optionally, the height of the second input frame is greater than the height of the first input frame, and/or the width of the second input frame is greater than the width of the first input frame.
Optionally, the visibility of the second layer is greater than the visibility of the first layer.
Optionally, the display module 502 is further configured to: generating response data in response to a first operation of the soft keyboard by the user; the response data is displayed in the second input box.
Optionally, the display module 502 is further configured to: generating a closing instruction in response to a second operation of the soft keyboard by the user; and closing the second input box according to the closing instruction.
The control device 500 of the page input box of the present embodiment may execute any of the control methods of the page input box provided in the embodiments of the present disclosure, and the implementation principle is similar, and details not shown in the present embodiment may refer to the foregoing method embodiments, which are not described herein again.
Based on the same inventive concept, embodiments of the present disclosure provide an electronic device including: the system comprises a memory and a processor, wherein the memory is electrically connected with the processor, and a computer program is stored in the memory and is executed by the processor to realize any control method of the page input box provided by the embodiment of the disclosure.
Based on the same inventive concept, the embodiments of the present disclosure provide a computer readable medium having a computer program stored thereon, which when executed by a processor, implements the control method of any one of the page input boxes provided by the embodiments of the present disclosure.
Fig. 6 shows a schematic structural frame of an electronic device according to an embodiment of the disclosure. The electronic device 600 in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (Personal Digital Assistant, personal digital assistants), PADs (Portable Android Device, tablet computers), PMPs (Portable Multimedia Player, portable multimedia players), vehicle terminals (e.g., car navigation terminals), and the like, and stationary terminals such as digital TVs, desktop computers, and the like. The electronic device 600 shown in fig. 6 is merely an example and should not be construed to limit the functionality and scope of use of embodiments of the present disclosure in any way.
The Memory in the embodiment of the present disclosure may include at least one of a ROM (Read-Only Memory) 601, a RAM (Random Access Memory ) 602, and a storage device 603 as shown in fig. 6.
The processor in the embodiments of the present disclosure may include a processing device 604 (e.g., a central processing unit, a graphics processor, etc.) shown in fig. 6, which may perform various suitable actions and processes according to a computer program stored in the ROM 601 or a computer program loaded from the storage device 603 into the RAM 602. In the RAM 602, various programs and data required for the operation of the electronic device are also stored.
Alternatively, as shown in FIG. 6, ROM 601, RAM 602, and processing device 604 may be connected to each other by bus 605, and input/output (I/O) interface 606 may also be connected to bus 605.
Alternatively, as shown in FIG. 6, the following devices may be connected to I/O interface 606: input means 607, output means 608, storage means 603 and communication means 609. Wherein the input device 607 may include at least one of a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; the output device 608 may include at least one of an LCD (Liquid Crystal Display ), speaker, vibrator, etc.; the storage device 603 may include at least one of a magnetic tape, a hard disk, etc.; the communication means 609 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data.
It should be noted that, although fig. 6 illustrates an electronic device 600 having various means, it should be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.
In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a non-transitory computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or installed from the storage means 603, or installed from the ROM 601. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing means 604.
It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two.
In the present disclosure, a computer readable storage medium can be, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. In particular, computer-readable storage media include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a RAM, a ROM, an erasable programmable read-Only Memory (EPROM or flash Memory), an optical fiber, a CD-ROM (Compact Disc Read-Only Memory), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
In the present disclosure, a computer readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with computer readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (Radio Frequency), and the like, or any suitable combination thereof.
In some implementations, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include LANs (Local Area Network, local area networks), WANs (Wide Area Network, wide area networks), internets (e.g., the internet) and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.
The computer readable medium may be contained in the electronic device 600; or may exist alone without being assembled into the electronic device 600.
The computer readable medium carries one or more programs which, when executed by the electronic device 600, cause the electronic device 600 to: receiving a trigger instruction aiming at a second input box; loading a second input box and a soft keyboard according to the trigger instruction; and respectively displaying a second input box and a soft keyboard in the first area and the second area of the current page.
Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including, but not limited to, an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).
The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules or units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. Where the name of a module or unit does not in some cases constitute a limitation of the unit itself.
The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: FPGA (Field-Programmable Gate Array, field programmable gate array), ASIC (Application Specific Integrated Circuit ), ASSP (Application Specific Standard Parts, application specific standard product), SOC (System on Chip), CPLD (Complex Programmable Logic Device ), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
According to one or more embodiments of the present disclosure, an example A1 provides a control method of a page input box, including:
loading a soft keyboard and a second input box associated with a first input box in a current page in response to a triggering operation of the first input box;
a second layer is established on the first layer to which the first input frame belongs, and a second input frame and a soft keyboard are respectively displayed in a first area and a second area of the second layer; the first region and the second region do not overlap.
A2, according to the control method of A1, the height of the second input frame is larger than that of the first input frame, and/or the width of the second input frame is larger than that of the first input frame.
A3, according to the control method of A1, the visibility of the second layer is larger than that of the first layer.
A4, the control method according to A1, the control method further comprising:
generating response data in response to a first operation of the soft keyboard by a user;
and displaying the response data in the second input box.
A5, the control method according to A1, the control method further comprises:
generating a closing instruction in response to a second operation of the soft keyboard by the user;
and closing the second input box according to the closing instruction.
According to one or more embodiments of the present disclosure, an example B1 provides a control apparatus of a page input box, including:
the loading module is used for responding to the triggering operation of the first input box in the current page and loading the soft keyboard and the second input box associated with the first input box;
the display module is used for establishing a second image layer on the first image layer to which the first input frame belongs, and respectively displaying the second input frame and the soft keyboard in a first area and a second area of the second image layer; the first region and the second region do not overlap.
B2, according to the control device of the B1, the second input frame is associated with the first input frame in the current page; the height of the second input frame is larger than the height of the first input frame, and/or the width of the second input frame is larger than the width of the first input frame.
B3, according to the control device of B1, the visibility of the second layer is larger than that of the first layer.
B4, the control device according to B1, the display module is also used for: generating response data in response to a first operation of the soft keyboard by the user; the response data is displayed in the second input box.
B5, the control device according to B1, the display module is also used for: generating a closing instruction in response to a second operation of the soft keyboard by the user; and closing the second input box according to the closing instruction.
According to one or more embodiments of the present disclosure, there is provided an electronic device [ example C1 ], comprising:
a memory;
a processor electrically connected to the memory;
the memory stores a computer program that is executed by the processor to implement the control method of the page input box as in any one of examples A1-A5.
According to one or more embodiments of the present disclosure, there is provided a computer-readable medium [ example D1 ] storing a computer program which, when executed by a processor, implements the control method of the page input box of any one of examples A1 to A5.
With one or more embodiments of the present disclosure, at least the following technical effects may be achieved:
1) For the input box control of any page in the application program, when a trigger instruction is received, by loading a preset second input box and a soft keyboard and respectively displaying two non-overlapping areas in a second image layer newly built on a first image layer to which an original input box (a first input box in the disclosure) belongs, the second input box and the soft keyboard are not in conflict with each other in display positions, page jump caused by position change of the original input box when inputting contents can be avoided, the moving distance of the input box is not required to be calculated when inputting, and calculation is simplified.
2) For the input box control of any page in the application program, when a trigger instruction is received, a preset second input box which is associated with a first input box in the current page and has a height and/or width larger than those of the first input box is loaded, so that the display area of the input box can be enlarged, fonts in the input box are enlarged, and the user can conveniently view input contents.
3) By improving the second layer of the second input frame to cover the first layer of the original first input frame and improving the visibility of the second layer, the user can concentrate on the input content of the second input frame and avoid the interference of the first input frame and other contents in the first layer.
4) Based on the association relationship between the second input box and the soft keyboard, data transfer between the second input box and the soft keyboard can be realized, and the second input box can display corresponding content or hide itself (i.e., the second input box) in response to operation of the soft keyboard.
The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by persons skilled in the art that the scope of the disclosure referred to in this disclosure is not limited to the specific combinations of features described above, but also covers other embodiments which may be formed by any combination of features described above or equivalents thereof without departing from the spirit of the disclosure. Such as those described above, are mutually substituted with the technical features having similar functions disclosed in the present disclosure (but not limited thereto).
Moreover, although operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are example forms of implementing the claims.
Claims (6)
1. A control method of a page input box, characterized by comprising:
loading a soft keyboard and a second input box associated with a first input box in a current page in response to a triggering operation of the first input box;
a second image layer is established on the first image layer to which the first input frame belongs, and the second input frame and the soft keyboard are respectively displayed in a first area and a second area of the second image layer; the first region and the second region do not overlap;
generating a closing instruction in response to a second operation of the soft keyboard by a user and closing the second input box according to the closing instruction;
the method further comprises the steps of: adjusting the ground color and transparency of the second layer, and checking the page content covered by the second input frame;
the control method further includes:
generating response data in response to a first operation of the soft keyboard by a user;
and displaying the response data in the second input box.
2. The control method according to claim 1, wherein a height of the second input frame is greater than a height of the first input frame and/or a width of the second input frame is greater than a width of the first input frame.
3. The control method of claim 1, wherein the visibility of the second layer is greater than the visibility of the first layer.
4. A control device for a page input box, comprising:
the loading module is used for responding to the triggering operation of a first input box in the current page and loading a soft keyboard and a second input box associated with the first input box;
the display module is used for establishing a second image layer on the first image layer to which the first input frame belongs, and respectively displaying the second input frame and the soft keyboard in a first area and a second area of the second image layer; the first region and the second region do not overlap;
the closing module is used for responding to a second operation of the soft keyboard by a user, generating a closing instruction and closing the second input box according to the closing instruction;
the adjusting module is used for adjusting the ground color and the transparency of the second image layer and checking the page content covered by the second input frame;
the display module is further configured to: generating response data in response to a first operation of the soft keyboard by a user; and displaying the response data in the second input box.
5. An electronic device, comprising:
a memory;
a processor electrically connected to the memory;
the memory stores a computer program that is executed by the processor to implement the control method of the page input box according to any one of claims 1 to 3.
6. A computer-readable medium, characterized in that a computer program is stored, which, when being executed by a processor, implements the control method of the page input box of any of claims 1-3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010193362.2A CN111414219B (en) | 2020-03-18 | 2020-03-18 | Page input box control method and device, electronic equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010193362.2A CN111414219B (en) | 2020-03-18 | 2020-03-18 | Page input box control method and device, electronic equipment and medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111414219A CN111414219A (en) | 2020-07-14 |
| CN111414219B true CN111414219B (en) | 2023-10-24 |
Family
ID=71493087
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010193362.2A Active CN111414219B (en) | 2020-03-18 | 2020-03-18 | Page input box control method and device, electronic equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111414219B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112306362A (en) * | 2020-10-29 | 2021-02-02 | 智享众联科技有限公司 | View processing method and device |
| CN113721827B (en) * | 2021-05-31 | 2022-08-26 | 荣耀终端有限公司 | Floating keyboard display method, electronic equipment and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2004181895A (en) * | 2002-12-06 | 2004-07-02 | Ricoh Co Ltd | Image forming device |
| CN102799371A (en) * | 2012-06-29 | 2012-11-28 | 北京奇虎科技有限公司 | Extended data input device and method |
| CN103369140A (en) * | 2013-07-04 | 2013-10-23 | 深圳市基思瑞科技有限公司 | Display font amplification method, system and communication terminal |
| CN103902057A (en) * | 2014-03-31 | 2014-07-02 | 北京搜狗科技发展有限公司 | Webpage input method and device for mobile terminal device |
| CN104699404A (en) * | 2015-03-26 | 2015-06-10 | 努比亚技术有限公司 | Soft keyboard display method and device |
| CN105630187A (en) * | 2014-11-07 | 2016-06-01 | 阿里巴巴集团控股有限公司 | Method and apparatus for HTML page to call local keyboard in user terminal device |
| CN108459781A (en) * | 2016-12-13 | 2018-08-28 | 广州市动景计算机科技有限公司 | Input frame shows control method, device and user terminal |
| CN109710167A (en) * | 2018-12-27 | 2019-05-03 | 北京字节跳动网络技术有限公司 | Soft key disk control method, device and terminal |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106873862A (en) * | 2016-08-23 | 2017-06-20 | 阿里巴巴集团控股有限公司 | A kind of data inputting method and device |
-
2020
- 2020-03-18 CN CN202010193362.2A patent/CN111414219B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2004181895A (en) * | 2002-12-06 | 2004-07-02 | Ricoh Co Ltd | Image forming device |
| CN102799371A (en) * | 2012-06-29 | 2012-11-28 | 北京奇虎科技有限公司 | Extended data input device and method |
| CN103369140A (en) * | 2013-07-04 | 2013-10-23 | 深圳市基思瑞科技有限公司 | Display font amplification method, system and communication terminal |
| CN103902057A (en) * | 2014-03-31 | 2014-07-02 | 北京搜狗科技发展有限公司 | Webpage input method and device for mobile terminal device |
| CN105630187A (en) * | 2014-11-07 | 2016-06-01 | 阿里巴巴集团控股有限公司 | Method and apparatus for HTML page to call local keyboard in user terminal device |
| CN104699404A (en) * | 2015-03-26 | 2015-06-10 | 努比亚技术有限公司 | Soft keyboard display method and device |
| CN108459781A (en) * | 2016-12-13 | 2018-08-28 | 广州市动景计算机科技有限公司 | Input frame shows control method, device and user terminal |
| CN109710167A (en) * | 2018-12-27 | 2019-05-03 | 北京字节跳动网络技术有限公司 | Soft key disk control method, device and terminal |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111414219A (en) | 2020-07-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR20220127872A (en) | Video playback methods, devices, electronic devices and computer readable media | |
| US11783111B2 (en) | Display method and apparatus, and electronic device | |
| JP7407289B2 (en) | Methods, devices, electronic devices and media for displaying video | |
| US10719233B2 (en) | Arc keyboard layout | |
| EP4161065A1 (en) | Video call interface display control method and apparatus, storage medium, and device | |
| WO2022121790A1 (en) | Split-screen display method and apparatus, electronic device, and readable storage medium | |
| CN111414219B (en) | Page input box control method and device, electronic equipment and medium | |
| CN111291244B (en) | House source information display method, device, terminal and storage medium | |
| WO2022111569A1 (en) | Page switching display method and apparatus, storage medium, and electronic device | |
| CN114491349B (en) | Page display method, page display device, electronic device, storage medium and program product | |
| JP2024513968A (en) | Electronic document processing methods, devices, terminals and storage media | |
| CN114610428B (en) | Information stream display method, device, apparatus, storage medium, and program | |
| CN114528816B (en) | Collaborative editing information display method and device, electronic equipment and readable medium | |
| CN113609419B (en) | Information display method, information display device, electronic equipment and computer readable medium | |
| CN113238688B (en) | Form display method, device, equipment and medium | |
| CN110262718B (en) | Input method window setting method and device, mobile terminal and storage medium | |
| CN109976857B (en) | Display control method and device of terminal interface, storage medium and electronic equipment | |
| CN109683726B (en) | Character input method, character input device, electronic equipment and storage medium | |
| CN115119040B (en) | Video processing method, device, electronic equipment and storage medium | |
| CN114327732B (en) | Page configuration method, page configuration device, electronic equipment and computer readable medium | |
| CN113391856B (en) | Cross-task-stack page processing method, device, equipment and medium | |
| US20230199262A1 (en) | Information display method and device, and terminal and storage medium | |
| CN114895815A (en) | Data processing method and electronic equipment | |
| CN111209503B (en) | Processing method and device for popup window in webpage, electronic equipment and storage medium | |
| CN111190599A (en) | Method and device for realizing android self-defined soft keyboard by using Dialog and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20230428 Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299 Applicant after: Beijing youzhuju Network Technology Co.,Ltd. Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081 Applicant before: Beijing infinite light field technology Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |