CN112988154A - JavaScript-based reusable virtual keyboard implementation method and application thereof - Google Patents
JavaScript-based reusable virtual keyboard implementation method and application thereof Download PDFInfo
- Publication number
- CN112988154A CN112988154A CN202110294686.XA CN202110294686A CN112988154A CN 112988154 A CN112988154 A CN 112988154A CN 202110294686 A CN202110294686 A CN 202110294686A CN 112988154 A CN112988154 A CN 112988154A
- Authority
- CN
- China
- Prior art keywords
- virtual keyboard
- function
- file
- keyboard
- block
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 45
- 238000012905 input function Methods 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 4
- 238000005516 engineering process Methods 0.000 abstract description 4
- 238000011161 development Methods 0.000 abstract description 2
- 238000002054 transplantation Methods 0.000 abstract description 2
- 230000006872 improvement Effects 0.000 description 2
- KZSNJWFQEVHDMF-UHFFFAOYSA-M valinate Chemical compound CC(C)C(N)C([O-])=O KZSNJWFQEVHDMF-UHFFFAOYSA-M 0.000 description 2
- 206010028980 Neoplasm Diseases 0.000 description 1
- 229910052789 astatine Inorganic materials 0.000 description 1
- RYXHOMYVWAEKHL-UHFFFAOYSA-N astatine atom Chemical compound [At] RYXHOMYVWAEKHL-UHFFFAOYSA-N 0.000 description 1
- 201000011510 cancer Diseases 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000010977 jade Substances 0.000 description 1
- 239000003595 mist Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/02—Input arrangements using manually operated switches, e.g. using keyboards or dials
- G06F3/0202—Constructional details or processes of manufacture of the input device
- G06F3/0219—Special purpose keyboards
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Input From Keyboards Or The Like (AREA)
Abstract
The invention discloses a realization method and application of a reusable virtual keyboard based on JavaScript. The method comprises the following steps: the method comprises the following steps: s1, compiling a virtual keyboard JS file and a virtual keyboard CSS file; s2, introducing the JS file and jQuery library of the virtual keyboard through a Script tag and introducing the CSS file of the virtual keyboard through a link tag in an item to realize the function of the virtual keyboard; and S3, binding and calling the method of the virtual keyboard for the input box element in the item to realize the function of the virtual keyboard. The invention realizes that the virtual keyboard can be awakened by clicking the input box by utilizing the traditional front-end technology, and has the advantages of low development cost, good compatibility, easy transplantation, more functions and individuation.
Description
Technical Field
The invention belongs to the technical field of internet, and particularly relates to a reusable virtual keyboard implementation method based on JavaScript and application thereof.
Background
In some web applications of touch screen computers, a condition that a Windows soft keyboard cannot be automatically awakened when information is input is encountered, and the existing solutions generally include two types: one is an external physical keyboard; another is to train the user before the system is used, or to write a descriptive document that tells the user how to manually call out the system's soft keyboard. However, both of the above solutions have some problems: in practical situations, some applications are inconvenient to use the external physical keyboard due to space limitations or other reasons; and the user is informed of manually calling out the system soft keyboard in a training or document description mode and the like, so that the user experience is greatly influenced.
Disclosure of Invention
Aiming at least one defect or improvement requirement in the prior art, the invention provides a reusable virtual keyboard implementation method based on JavaScript and application thereof.
In order to achieve the above object, according to a first aspect of the present invention, there is provided a method for implementing a reusable virtual keyboard based on JavaScript, comprising the steps of:
s1, compiling a virtual keyboard JS file and a virtual keyboard CSS file, wherein the virtual keyboard JS file is used for defining a virtual keyboard function, the virtual keyboard function is used for drawing the appearance of a virtual keyboard, realizing the input function of the virtual keyboard and controlling the virtual keyboard to be awakened and hidden, and the virtual keyboard CSS file is used for cooperatively drawing the appearance of the virtual keyboard and defining the style of the virtual keyboard;
s2, introducing the JS file and jQuery library of the virtual keyboard through a Script tag and introducing the CSS file of the virtual keyboard through a link tag in an item to realize the function of the virtual keyboard;
and S3, binding the virtual keyboard function for the input box element in the item to realize the virtual keyboard function.
Preferably, the step S1 includes the sub-steps of:
s11, creating a virtual keyboard JS file, adding a virtual keyboard function object for the prototype of jQuery, and creating a virtual keyboard CSS file;
s12, defining a virtual keyboard appearance, virtual keyboard input keys and virtual keyboard hidden keys in the virtual keyboard function, and cooperatively drawing the virtual keyboard appearance and defining a virtual keyboard style in the virtual keyboard CSS file;
s13, defining dictionary objects inside the virtual keyboard function;
and S14, binding Click events for all virtual keyboard keys in the virtual keyboard JS file.
Preferably, the step S12 includes the sub-steps of:
newly adding a block-level element named as a virtual keyboard in the virtual keyboard function, wherein the block-level element is used as a keyboard container, drawing the appearance of the virtual keyboard in a CSS (cascading style sheet) file of the virtual keyboard in a matching way, and adding a hidden key of the virtual keyboard in the virtual keyboard function;
newly building block-level elements with class names as output areas in the block-level elements of the virtual keyboard, wherein the block-level elements are used for displaying and selecting characters when clicking input keys of the virtual keyboard;
and adding a block-level element with a class name of an input area below the block-level element of the output area, wherein the block-level element is used for a container of keyboard input keys, and the unordered list labels are matched with the virtual keyboard CSS file to draw the virtual keyboard input keys in the container.
Preferably, the step S3 includes the sub-steps of:
binding an identity for each input box element;
and then selecting an identity to bind the virtual keyboard function through an identity selector of the jQuery.
Preferably, the method for implementing the reusable virtual keyboard further comprises the following steps:
copying the JS file of the virtual keyboard and the CSS file of the virtual keyboard into a new project;
the steps S2 and S3 are performed again in a new item in which a virtual keyboard function is to be implemented.
Preferably, the method for implementing the reusable virtual keyboard further comprises the following steps: and modifying the virtual keyboard style in the virtual keyboard CSS file.
According to a second aspect of the present invention, there is provided a reusable virtual keyboard implementation system based on JavaScript, including the steps of:
the virtual keyboard JS file is used for defining a virtual keyboard function, the virtual keyboard function is used for drawing the appearance of a virtual keyboard, realizing the input function of the virtual keyboard and controlling the virtual keyboard to be awakened and hidden, and the virtual keyboard CSS file is used for cooperatively drawing the appearance of the virtual keyboard and defining the style of the virtual keyboard;
the virtual keyboard JS file and the jQuery library are introduced into an item to be realized with a virtual keyboard function through a Script tag, and the virtual keyboard CSS file is introduced through a link tag;
and the association module is used for binding the virtual keyboard function for the input frame element in the item to realize the virtual keyboard function.
According to a third aspect of the invention, there is provided a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs any of the methods described above.
Generally speaking, the invention utilizes the traditional front-end technology to realize that the virtual keyboard can be awakened by clicking the input box, and compared with the prior art, the invention has the advantages that:
(1) the development cost is low: by using traditional front-end technologies such as HTML, CSS, JavaScript and the like, other languages are not involved, and the front-end technologies do not need to be matched with a back-end server for use.
(2) The compatibility is good: because the used frame is jQuery which has good compatibility with the low-version ie browser and the high-version Google browser, the browser compatibility of the keyboard is good.
(3) Easy transplantation: js and css can be directly referred to in other web projects after being written, and the two files do not need to be written again.
(4) The functions are more: chinese, symbols, numbers, capital and small English letters and blank spaces can be input, and the input requirements of most of web projects can be met.
(5) The method can be individualized: the color, appearance, size, position and the like of the keyboard are modified, developers can modify the keyboard in virtualkeyboard.
Drawings
FIG. 1 is a flow chart of a virtual keyboard implementation method of an embodiment of the present invention;
FIG. 2 is a flow chart of authoring a virtual keyboard render file in accordance with an embodiment of the present invention;
FIG. 3 is a flow chart of virtual keyboard multiplexing according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention. In addition, the technical features involved in the embodiments of the present invention described below may be combined with each other as long as they do not conflict with each other.
The method for realizing the reusable virtual keyboard based on the JavaScript, provided by the embodiment of the invention, comprises the steps of adding a virtual keyboard function object (virtual keyboard) in a jQuery prototype by utilizing a jQuery frame, drawing a keyboard by matching with a css style file, and providing methods such as hide, show, click, val and the like by using the jQuery to realize the input effect of the keyboard.
The implementation method of the reusable virtual keyboard based on the JavaScript can be applied to the following scenes. When a system with a BS and a CS integrated is used on a touch screen computer of a win7 system, a B/S architecture is mainly used as a service function, and a layer of CS architecture is added on an outer layer in order to optimize user experience when the system is used online, so that a soft keyboard carried by the system cannot be automatically popped up when a user clicks an input box, and when the system is actually used, an external entity keyboard cannot be used due to space limitation, and the operation of manually calling out the keyboard is slightly complex. The method for realizing the reusable virtual keyboard can well solve the problems and realize the function of awakening the virtual keyboard by clicking the input box.
As shown in fig. 1, a method for implementing a reusable virtual keyboard based on JavaScript according to an embodiment of the present invention includes the steps of:
s1, writing core service codes of the keyboard, i.e., a virtual keyboard JS file (JS) and a virtual keyboard CSS file (CSS).
Js is used for defining virtual keyboard functions, and the virtual keyboard functions are used for drawing the appearance of a virtual keyboard, realizing the function of keyboard input and controlling the awakening and hiding of the keyboard.
Cs is a virtual keyboard style for matching drawing the appearance of a virtual keyboard, controlling the size, position, color, etc. of the keyboard.
Both virtualkeyboard.
When the keyboard style needs to be modified, only the virtual keyboard.
S2, introduce virtualkeyboard.js and jQuery library (jquery.min.js file) in the project by < script > tag, introduce virtualkeyboard.css file by < link > tag.
S3, binding virtual keyboard method for input element needing keyboard input in item, namely binding virtual keyboard function. The specific method is that an id is bound to an input element, for example, an input box with an input user name is bound to the input box, the id is 'loginName', then the element is selected through an id selector of jQuery, and a virtualkeyboard method is executed, namely, the element is the input element
$("#loginName").virtualkeyboard()。
The writing of the drawing file of the keyboard in step S1 includes the following steps as shown in fig. 2:
and S11, adding a virtualkeyboard object to the prototype of the jQuery so that the method can be called globally in the project, wherein the callback function of the method is the method for drawing and inputting the keyboard.
S12, defining the virtual keyboard appearance, the virtual keyboard input keys and the virtual keyboard hidden keys in the virtual keyboard function, and cooperatively drawing the virtual keyboard appearance and defining the codes of the virtual keyboard style in a virtual keyboard CSS file;
preferably, step S12 includes the sub-steps of:
(1) in the callback function, a block level element (div) with the class name of virtualkeyboard is newly added and used as a keyboard container, the css is matched to draw the outer frame of the keyboard, and a closing button is added to the upper right corner of the frame and used for closing the keyboard.
(2) Then, a div of a class name output area (outputZone) is newly established in the div of the virtualkeyboard, and when a virtual keyboard input key is clicked, characters are displayed and selected, for example, when Chinese is input, Chinese characters are displayed and selected.
(3) And adding a div with a class name of an input zone (inputZone) below the outputZone as a container of a keyboard key part, and drawing keyboard input keys such as numbers, letters, spaces, symbols, Chinese and English switching deletion and the like by matching unordered list labels (ul/li) with css in the container. At this point the basic outline of the keyboard has been drawn.
S13: in order to realize pinyin input, it is necessary to define a dictionary (dictionary) object inside the function for storing the corresponding relationship between the ASCII code of the common chinese characters and the pinyin characters, for example, the common characters corresponding to the pinyin "ai" have "angstrom, side, grief, sade, pure white, cancer, amiable, dwarf, ai, obstacle, love, choke, ei, belch, choke, Yuan, good jade, warm up, astatine, hestasy, mist", and the like, and the change to the ASCII code is the ASCII code
"\\ u57c3\ u6328\ u54ce \ u5509\ u54c0\ u7691\ u764c \ u853c \ u77ee \ u827e \ u788d \ u7231\ u9698\ u8bf6\ u6371\ u55f3\ u55cc \ u5ad2\ u7477\ u66a7\ u7839\ u953 \ u 9542 \ u972 d". Therefore, "\ u57c3\ u6328\ u54ce \ u5509\ u54c0\ u7691\ u764c \ u853c \ u77ee \ u827e \ u788d \ u7231\ u9698\ u8bf6\ u6371\ u55f3\ u55cc \ u5ad2\ u7477\ u66a7\ u7839\ u953f \ u972 ASCII 972 d", and the codes of common words corresponding to all Chinese pinyin characters are stored in the dionyy object in the form of key value pairs.
S14, each virtual keyboard button binds to a Click event. 0-9 and "! The position of a special symbol such as "," @ ", etc. is the same, and when the symbol button is clicked, the value on the key is switched by the text () method of jQuery. The same principle of switching large and small case letters is used, and when a case switching button is clicked, the value corresponding to the key is changed through text () switching.
When inputting English, numbers and symbols, a user clicks a certain button, the text value of the button can be taken out, and the value of the input box of the method is changed and bound by directly utilizing character string splicing and a jQuery val () method to realize the input effect.
When inputting Chinese, clicking a Chinese and English switching button to switch to a Chinese input mode, after a user presses a corresponding button, a function searches possible Chinese characters corresponding to the character from a dictionary object by a traversal method according to a text value corresponding to the button, converts the corresponding ASCII code into Chinese, displays the Chinese characters in an input zone for the user to select, and after the user clicks a certain character, changes the value of a corresponding input frame by a jQuery val () method, displays the Chinese characters in the input frame, thereby realizing pinyin Chinese input.
After the user inputs the input, a closing button at the upper right of the keyboard can be clicked or the focus can be switched to close the keyboard, and other operations of the user are not affected. When a plurality of input boxes exist, the virtual keyboarder method is bound to all the input boxes respectively through the unique id value of the input. Since there is only one focus of the page, there is no mutual influence.
As shown in fig. 3, the virtual keyboard multiplexing method includes the steps of: directly copying virtual keyboard.js and virtual keyboard.css files to a project file directory needing to use a virtual keyboard without changing any files, and introducing the two files; and then repeatedly executing the steps S2 and S3, namely introducing jQuery.min.js into the project file, and binding the virtual keyboarder method for the input element needing keyboard input in the project.
The reusable virtual keyboard implementation system based on JavaScript of the embodiment of the invention comprises:
the virtual keyboard JS file is used for defining a virtual keyboard function, the virtual keyboard function is used for drawing the appearance of a virtual keyboard, realizing the input function of the virtual keyboard and controlling the virtual keyboard to be awakened and hidden, and the virtual keyboard CSS file is used for cooperatively drawing the appearance of the virtual keyboard and defining the style of the virtual keyboard;
the virtual keyboard JS file and the jQuery library are introduced into an item to be realized with a virtual keyboard function through a Script tag, and the virtual keyboard CSS file is introduced through a link tag;
and the association module is used for binding the virtual keyboard function for the input frame element in the item to realize the virtual keyboard function.
Preferably, the writing module is configured to implement the steps of:
s11, creating a virtual keyboard JS file, adding a virtual keyboard function object for the prototype of jQuery, and creating a virtual keyboard CSS file;
s12, defining virtual keyboard appearance, virtual keyboard input keys and virtual keyboard hidden keys in the virtual keyboard function, and cooperatively drawing codes of the virtual keyboard appearance and the virtual keyboard style in the virtual keyboard CSS file;
s13, defining dictionary objects inside the virtual keyboard function;
and S14, binding Click events for all virtual keyboard keys in the virtual keyboard JS file.
Preferably, the step S12 includes the sub-steps of:
newly adding a block-level element named as a virtual keyboard in the virtual keyboard function, wherein the block-level element is used as a keyboard container, drawing the appearance of the virtual keyboard in a CSS (cascading style sheet) file of the virtual keyboard in a matching way, and adding a hidden key of the virtual keyboard in the virtual keyboard function;
newly building block-level elements with class names as output areas in the block-level elements of the virtual keyboard, wherein the block-level elements are used for displaying and selecting characters when clicking input keys of the virtual keyboard;
and adding a block-level element with a class name of an input area below the block-level element of the output area, wherein the block-level element is used for a container of keyboard input keys, and the unordered list labels are matched with the virtual keyboard CSS file to draw the virtual keyboard input keys in the container.
The realization principle and the technical effect of the reusable virtual keyboard realization system are similar to those of the method, and the details are not repeated here.
The embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to implement the technical solution of any one of the embodiments of the method for implementing a reusable virtual keyboard. The implementation principle and technical effect are similar to those of the above method, and are not described herein again.
It must be noted that in any of the above embodiments, the methods are not necessarily executed in order of sequence number, and as long as it cannot be assumed from the execution logic that they are necessarily executed in a certain order, it means that they can be executed in any other possible order.
It will be understood by those skilled in the art that the foregoing is only a preferred embodiment of the present invention, and is not intended to limit the invention, and that any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the scope of the present invention.
Claims (10)
1. A realization method of a reusable virtual keyboard based on JavaScript is characterized by comprising the following steps:
s1, compiling a virtual keyboard JS file and a virtual keyboard CSS file, wherein the virtual keyboard JS file is used for defining a virtual keyboard function, the virtual keyboard function is used for drawing the appearance of a virtual keyboard, realizing the input function of the virtual keyboard and controlling the virtual keyboard to be awakened and hidden, and the virtual keyboard CSS file is used for cooperatively drawing the appearance of the virtual keyboard and defining the style of the virtual keyboard;
s2, introducing the JS file and jQuery library of the virtual keyboard through a Script tag and introducing the CSS file of the virtual keyboard through a link tag in an item to realize the function of the virtual keyboard;
and S3, binding the virtual keyboard function for the input box element in the item to realize the virtual keyboard function.
2. The method for implementing a reusable virtual keyboard based on JavaScript according to claim 1, wherein the step S1 comprises the sub-steps of:
s11, creating a virtual keyboard JS file, adding a virtual keyboard function object for the prototype of jQuery, and creating a virtual keyboard CSS file;
s12, defining a virtual keyboard appearance, virtual keyboard input keys and virtual keyboard hidden keys in the virtual keyboard function, and cooperatively drawing the virtual keyboard appearance and defining a virtual keyboard style in the virtual keyboard CSS file;
s13, defining dictionary objects inside the virtual keyboard function;
and S14, binding Click events for all virtual keyboard keys in the virtual keyboard JS file.
3. The method for implementing a reusable virtual keyboard based on JavaScript according to claim 2, wherein the step S12 comprises the sub-steps of:
newly adding a block-level element named as a virtual keyboard in the virtual keyboard function, wherein the block-level element is used as a keyboard container, drawing the appearance of the virtual keyboard in a CSS (cascading style sheet) file of the virtual keyboard in a matching way, and adding a hidden key of the virtual keyboard in the virtual keyboard function;
newly building block-level elements with class names as output areas in the block-level elements of the virtual keyboard, wherein the block-level elements are used for displaying and selecting characters when clicking input keys of the virtual keyboard;
and adding a block-level element with a class name of an input area below the block-level element of the output area, wherein the block-level element is used for a container of keyboard input keys, and the unordered list labels are matched with the virtual keyboard CSS file to draw the virtual keyboard input keys in the container.
4. The method for implementing a reusable virtual keyboard based on JavaScript according to claim 1, wherein the step S3 comprises the sub-steps of:
binding an identity for each input box element;
and then selecting an identity to bind the virtual keyboard function through an identity selector of the jQuery.
5. The method for implementing a reusable virtual keyboard based on JavaScript of claim 1, further comprising the steps of:
copying the JS file of the virtual keyboard and the CSS file of the virtual keyboard into a new project;
the steps S2 and S3 are performed again in a new item in which a virtual keyboard function is to be implemented.
6. The method for implementing a reusable virtual keyboard based on JavaScript as claimed in claim, further comprising the steps of: and modifying the virtual keyboard style in the virtual keyboard CSS file.
7. A reusable virtual keyboard implementation system based on JavaScript, comprising:
the virtual keyboard JS file is used for defining a virtual keyboard function, the virtual keyboard function is used for drawing the appearance of a virtual keyboard, realizing the input function of the virtual keyboard and controlling the virtual keyboard to be awakened and hidden, and the virtual keyboard CSS file is used for cooperatively drawing the appearance of the virtual keyboard and defining the style of the virtual keyboard;
the virtual keyboard JS file and the jQuery library are introduced into an item to be realized with a virtual keyboard function through a Script tag, and the virtual keyboard CSS file is introduced through a link tag;
and the association module is used for binding the virtual keyboard function for the input frame element in the item to realize the virtual keyboard function.
8. The system for implementing a reusable virtual keyboard based on JavaScript according to claim 1, wherein the authoring module is configured to implement the steps of:
s11, creating a virtual keyboard JS file, adding a virtual keyboard function object for the prototype of jQuery, and creating a virtual keyboard CSS file;
s12, defining a virtual keyboard appearance, virtual keyboard input keys and virtual keyboard hidden keys in the virtual keyboard function, and cooperatively drawing the virtual keyboard appearance and defining a virtual keyboard style in the virtual keyboard CSS file;
s13, defining dictionary objects inside the virtual keyboard function;
and S14, binding Click events for all virtual keyboard keys in the virtual keyboard JS file.
9. The method for implementing a reusable virtual keyboard based on JavaScript according to claim 2, wherein the step S12 comprises the sub-steps of:
newly adding a block-level element named as a virtual keyboard in the virtual keyboard function, wherein the block-level element is used as a keyboard container, drawing the appearance of the virtual keyboard in a CSS (cascading style sheet) file of the virtual keyboard in a matching way, and adding a hidden key of the virtual keyboard in the virtual keyboard function;
newly building block-level elements with class names as output areas in the block-level elements of the virtual keyboard, wherein the block-level elements are used for displaying and selecting characters when clicking input keys of the virtual keyboard;
and adding a block-level element with a class name of an input area below the block-level element of the output area, wherein the block-level element is used for a container of keyboard input keys, and the unordered list labels are matched with the virtual keyboard CSS file to draw the virtual keyboard input keys in the container.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110294686.XA CN112988154A (en) | 2021-03-19 | 2021-03-19 | JavaScript-based reusable virtual keyboard implementation method and application thereof |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110294686.XA CN112988154A (en) | 2021-03-19 | 2021-03-19 | JavaScript-based reusable virtual keyboard implementation method and application thereof |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112988154A true CN112988154A (en) | 2021-06-18 |
Family
ID=76333458
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110294686.XA Pending CN112988154A (en) | 2021-03-19 | 2021-03-19 | JavaScript-based reusable virtual keyboard implementation method and application thereof |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112988154A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113660208A (en) * | 2021-07-16 | 2021-11-16 | 北京一砂信息技术有限公司 | Browser-based security password authentication service system and method |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102508600A (en) * | 2011-10-12 | 2012-06-20 | 深圳桑菲消费通信有限公司 | Method and device for realizing Russian virtual keyboard of mobile phone |
| CN104063673A (en) * | 2014-06-20 | 2014-09-24 | 北京奇虎科技有限公司 | Method for inputting information in browser and browser device |
| CN110764680A (en) * | 2018-07-25 | 2020-02-07 | 北京京东金融科技控股有限公司 | Method and device for generating simulation keyboard, electronic equipment and computer readable medium |
-
2021
- 2021-03-19 CN CN202110294686.XA patent/CN112988154A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102508600A (en) * | 2011-10-12 | 2012-06-20 | 深圳桑菲消费通信有限公司 | Method and device for realizing Russian virtual keyboard of mobile phone |
| CN104063673A (en) * | 2014-06-20 | 2014-09-24 | 北京奇虎科技有限公司 | Method for inputting information in browser and browser device |
| CN110764680A (en) * | 2018-07-25 | 2020-02-07 | 北京京东金融科技控股有限公司 | Method and device for generating simulation keyboard, electronic equipment and computer readable medium |
Non-Patent Citations (1)
| Title |
|---|
| QQ_25934747: "JavaScript写一个虚拟软键盘，可拼音输入", pages 1 - 6, Retrieved from the Internet <URL:https://blog.csdn.net/qq_25934747/article/details/111663295> * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113660208A (en) * | 2021-07-16 | 2021-11-16 | 北京一砂信息技术有限公司 | Browser-based security password authentication service system and method |
| CN113660208B (en) * | 2021-07-16 | 2023-04-07 | 北京一砂信息技术有限公司 | Browser-based security password authentication service system and method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8543913B2 (en) | Identifying and using textual widgets | |
| CN101183355B (en) | Copy and paste processing method, apparatus | |
| US8887044B1 (en) | Visually distinguishing portions of content | |
| TWI394051B (en) | Web page rendering priority mechanism | |
| US8745581B2 (en) | Method and system for selectively copying portions of a document contents in a computing system (smart copy and paste | |
| US9817811B2 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
| US9910554B2 (en) | Assisting graphical user interface design | |
| CN101183360A (en) | Program, character input editing method and equipment | |
| US7603624B2 (en) | System and method for styling content in a graphical user interface control | |
| CN103620586A (en) | Linking source code to running element | |
| CN101246420A (en) | Method and system for multi-language system implementing unified development | |
| CN110377371B (en) | Style sheet system management method based on Web tag | |
| CN112988154A (en) | JavaScript-based reusable virtual keyboard implementation method and application thereof | |
| CN113641433A (en) | Multi-language page conversion method and unit of front-end internationalized multi-language file based on i18n technology | |
| Dunne | Localization and the (R) evolution of Translation | |
| Gross | Internationalization and localization of software | |
| JP2017010365A (en) | Dictionary terminal and information display control program | |
| Zea | Mastering Responsive Web Design | |
| Efthimiou et al. | Sign search and sign synthesis made easy to end user: the paradigm of building a SL oriented interface for accessing and managing educational content | |
| Aladdin et al. | The Scientific Comparison between Web-Based Site and Web-Builder (Open Source) Project: Functionalities, Usability, Design and Security | |
| Merrill et al. | Internationalizing online information | |
| Gauthier | Machine Language and the Illegibility of the Zwischen | |
| Chang et al. | W-Revised: An amazing tool for creating customized websites | |
| Scolari et al. | Third Law of the Interface: Interfaces form an ecosystem | |
| Kovalchuk et al. | The formulator mathml editor project: user-friendly authoring of content markup documents |
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 |