CN113946267A - Mobile terminal-based return operation method and system - Google Patents
Mobile terminal-based return operation method and system Download PDFInfo
- Publication number
- CN113946267A CN113946267A CN202111219263.8A CN202111219263A CN113946267A CN 113946267 A CN113946267 A CN 113946267A CN 202111219263 A CN202111219263 A CN 202111219263A CN 113946267 A CN113946267 A CN 113946267A
- Authority
- CN
- China
- Prior art keywords
- instruction
- return
- event
- obtaining
- attribute
- 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 54
- 238000012544 monitoring process Methods 0.000 claims abstract description 31
- 238000011022 operating instruction Methods 0.000 claims abstract description 7
- 230000000694 effects Effects 0.000 description 11
- 230000001960 triggered effect Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 238000004590 computer program Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 210000003811 finger Anatomy 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 210000004247 hand Anatomy 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 210000003813 thumb Anatomy 0.000 description 1
Images
Classifications
-
- 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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- 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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Abstract
The invention discloses a return operation method and a return operation system based on a mobile terminal, wherein the method comprises the following steps: obtaining a first adding instruction, and adding a draggable attribute to the Button label according to the first adding instruction; judging whether the real-time state of the draggable attribute is in a trigger state or not; when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element; constructing a first monitoring module, and monitoring the occurrence event of the first dragging and dropping element to obtain a first dragging and dropping event; obtaining a first event operating instruction according to the first dragging event; performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area; when the first mobile hot area is in a trigger state, obtaining a first return instruction; and returning the upper page according to the first return instruction. The technical problems that in the prior art, a return operation mode is single, flexibility and customization are lacked, and user experience is poor are solved.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a return operation method and system based on a mobile terminal.
Background
In the mobile terminal market, the use scenes of the page 'return key' are quite frequent, but the operation mode of the 'return key' is single in the case of observing the android system and the ios system. Taking an ios system as an example, when a page of the current level is returned to a page of the previous level, two implementation modes are provided, one is that a return key is arranged at the left upper side of the system, and the other is that the page is slid from left to right to realize the effect of returning to the page of the previous level through a finger touch mode.
In the process of implementing the technical scheme of the invention in the embodiment of the present application, the inventor of the present application finds that the above-mentioned technology has at least the following technical problems:
the technical problems of single return operation mode, lack of flexibility and customization and poor user experience exist in the prior art.
Disclosure of Invention
The embodiment of the application provides a return operation method and system based on a mobile terminal, and solves the technical problems that in the prior art, the return operation mode is single, the flexibility and the customization are poor, and the user experience is poor. The technical effects of realizing the self-defined setting of the return operation, expanding the selectable range of the user, improving the use efficiency and experience of the user and reducing the operation cost by creating a new return path are achieved.
In view of the foregoing problems, embodiments of the present application provide a method and system for return operation based on a mobile terminal.
In a first aspect, the present application provides a return operation method based on a mobile terminal, where the method includes: obtaining a first adding instruction, and adding a draggable attribute to the Button label according to the first adding instruction; judging whether the real-time state of the draggable attribute is in a trigger state or not; when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element; constructing a first monitoring module, wherein the first monitoring module is used for monitoring the occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event; obtaining a first event operating instruction according to the first dragging event; performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area; when the first mobile hot area is in a trigger state, obtaining a first return instruction; and returning the upper page according to the first return instruction.
In another aspect, the present application further provides a return operating system based on a mobile terminal, where the system includes: the first obtaining unit is used for obtaining a first adding instruction and adding a draggable attribute to the Button label according to the first adding instruction; the first judging unit is used for judging whether the real-time state of the draggable attribute is in a trigger state or not; a second obtaining unit, configured to obtain a first drag-and-drop element when the draggable attribute is in a trigger state; the first monitoring module is used for monitoring an occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event; a third obtaining unit, configured to obtain a first event operation instruction according to the first drag event; a fourth obtaining unit, configured to perform corresponding operation on an HTML tag according to the first event operation instruction, so as to obtain a first mobile hot area; a fifth obtaining unit, configured to obtain a first return instruction when the first mobile hot zone is in a trigger state; a first execution unit to return an upper level page according to the first return instruction.
On the other hand, an embodiment of the present application further provides a return operation method and system based on a mobile terminal, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor implements the steps of the method according to the first aspect when executing the program.
One or more technical solutions provided in the embodiments of the present application have at least the following technical effects or advantages:
the embodiment of the application provides a return operation method and a return operation system based on a mobile terminal, wherein a first adding instruction is obtained, and a draggable attribute is added to a Button label according to the first adding instruction; judging whether the real-time state of the draggable attribute is in a trigger state or not; when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element; constructing a first monitoring module, wherein the first monitoring module is used for monitoring the occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event; obtaining a first event operating instruction according to the first dragging event; performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area; when the first mobile hot area is in a trigger state, obtaining a first return instruction; and returning the upper page according to the first return instruction. The technical problems that in the prior art, a return operation mode is single, flexibility and customization are lacked, and user experience is poor are solved. The technical effects of realizing the self-defined setting of the return operation, expanding the selectable range of the user, improving the use efficiency and experience of the user and reducing the operation cost by creating a new return path are achieved.
The foregoing is a summary of the present disclosure, and embodiments of the present disclosure are described below to make the technical means of the present disclosure more clearly understood.
Drawings
Fig. 1 is a schematic flowchart illustrating a return operation method based on a mobile terminal according to an embodiment of the present application;
fig. 2 is a schematic flowchart illustrating a process of returning to an upper page according to the second return instruction in a return operation method based on a mobile terminal according to an embodiment of the present application;
fig. 3 is a schematic flowchart illustrating setting of an HTML tag style in a return operation method based on a mobile terminal according to an embodiment of the present application;
fig. 4 is a schematic structural diagram of a return operating system based on a mobile terminal according to an embodiment of the present application;
fig. 5 is a schematic structural diagram of an exemplary electronic device according to an embodiment of the present application.
Description of reference numerals: the device comprises a first obtaining unit 11, a first judging unit 12, a second obtaining unit 13, a first constructing unit 14, a third obtaining unit 15, a fourth obtaining unit 16, a fifth obtaining unit 17, a first executing unit 18, an electronic device 300, a memory 301, a processor 302, a communication interface 303 and a bus architecture 304.
Detailed Description
The embodiment of the application provides a return operation method and system based on a mobile terminal, and solves the technical problems that in the prior art, the return operation mode is single, the flexibility and the customization are poor, and the user experience is poor. The technical effects of realizing the self-defined setting of the return operation, expanding the selectable range of the user, improving the use efficiency and experience of the user and reducing the operation cost by creating a new return path are achieved.
Hereinafter, example embodiments of the present application will be described in detail with reference to the accompanying drawings, and it is apparent that the described embodiments are only some embodiments of the present application and not all embodiments of the present application, and it is to be understood that the present application is not limited by the example embodiments described herein.
Summary of the application
In the mobile terminal market, the use scenes of the page 'return key' are quite frequent, but the operation mode of the 'return key' is single in the case of observing the android system and the ios system. Taking an ios system as an example, when a page of the current level is returned to a page of the previous level, two implementation modes are provided, one is that a return key is arranged at the left upper side of the system, and the other is that the page is slid from left to right to realize the effect of returning to the page of the previous level through a finger touch mode.
In view of the above technical problems, the technical solution provided by the present application has the following general idea:
the application provides a return operation method based on a mobile terminal, wherein the method comprises the following steps: obtaining a first adding instruction, and adding a draggable attribute to the Button label according to the first adding instruction; judging whether the real-time state of the draggable attribute is in a trigger state or not; when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element; constructing a first monitoring module, wherein the first monitoring module is used for monitoring the occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event; obtaining a first event operating instruction according to the first dragging event; performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area; when the first mobile hot area is in a trigger state, obtaining a first return instruction; and returning the upper page according to the first return instruction.
Having thus described the general principles of the present application, various non-limiting embodiments thereof will now be described in detail with reference to the accompanying drawings.
Example one
As shown in fig. 1, an embodiment of the present application provides a return operation method based on a mobile terminal, where the method includes:
step S100: obtaining a first adding instruction, and adding a draggable attribute to the Button label according to the first adding instruction;
step S200: judging whether the real-time state of the draggable attribute is in a trigger state or not;
specifically, the use scenes of the page return key in the mobile terminal market are quite frequent, but for different systems, the operation mode of the mobile phone return key is single, the mobile phone return key is very unfriendly for large-screen mobile phone users and users with small palms, the operation path is not easy, the result of returning to the upper-level page can be completed only by matching two hands, and particularly when the mobile phone is operated by one hand, the situation that the mobile phone slips off is very easy to happen, so that the mobile phone is damaged and needs to be repaired or replaced, and the loss cost is high. By adding a click event to the HTML tag, custom setting of a return operation is realized, and attribute information needs to be added to the Button tag at first. The first adding instruction is used for adding a draggable attribute to the Button label, the element can be judged based on the draggable attribute, whether the element can be dragged or not can be judged, and then the element can be dragged, and the dragging object can be a text, an image and the like. The draggable attribute is that an attribute draggable indicates whether the Button label can be dragged or not by adding the attribute draggable to the Button label, a default value is set for the type attribute of the Button label, the type attribute is in a draggable state, and elements can be added and dragged. And monitoring the draggable attribute in real time, judging whether the draggable attribute meets the trigger condition, if so, dragging the element, and further optimizing the use path of the return key.
Step S300: when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element;
step S400: constructing a first monitoring module, wherein the first monitoring module is used for monitoring the occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event;
specifically, the first drag-and-drop element refers to dragging and dropping the object to one position after grabbing the object to another position, for example, in the HTML5 standard, in order to make the element draggable, the dragable attribute is set to true, and true is draggable. The text, the picture and the link can be dragged and dropped by default, the dragable attribute of the text, the picture and the link is automatically set to true, and the picture and the link can be dragged and dropped by pressing the left button of the mouse. Text can only be dragged and dropped if selected. If the dragable attribute of the display setting text is true, pressing the left mouse button can also drag and drop directly. The first monitoring module monitors all events of the system in real time by using a monitoring function so as to judge the events occurring in the dragging process. And constructing a first monitoring module, and monitoring all elements of the system in real time so as to change the style of the HTML label.
Step S500: obtaining a first event operating instruction according to the first dragging event;
step S600: performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area;
specifically, the first event operation instruction refers to different operation instructions of respective states in dragging an element. For example, dragstart is triggered when an element starts to be dragged, drag is repeatedly triggered when the element is dragged, dragend is triggered when the dragging operation is completed, and the dragstart is used for the dragged element; dragover is triggered when the dragged element is within the destination element and dragleave the destination element without being dropped for the destination object. After the destination is reached, the element event drop is released, and the dragged element is triggered when dropped in the destination element, which generally requires the default behavior of the browser to be cancelled. According to different events, the HTML tag can be operated in corresponding events, for example, for a dragged element, the element needs to be selected first, then dragged and finally dropped, and the dragged element corresponds to the dragstart-drag; for the target area, the element enters the area state first, then stays in the upper process, and finally is put to the upper state, which corresponds to the managed-drop, and of course, if the element is put in and comes out again under the condition of not putting down, the event of "lift-off", namely dragleave, is triggered. During the dragging process, dragger/dragover/dragleave/drop can occur on any element passing by the dragging track. According to the state of the dragging element, the HTML tag style is changed, and therefore the user can be enabled to finish up-down, left-right and arbitrary movement in the page through touch dragging.
Step S700: when the first mobile hot area is in a trigger state, obtaining a first return instruction;
step S800: and returning the upper page according to the first return instruction.
Specifically, the first moving hot zone refers to a screen portion that is relatively easy to touch when a user touches the screen with a thumb for a mobile phone screen, especially for a large-screen mobile phone, the accuracy of these moving hot zones is much higher than that of the screen portion that is difficult to touch, and the accuracy of dragging can be realized by dragging an element in the moving hot zone. A movable hot area is presented in a mobile phone page, the effect of returning to an upper page can be realized by lightly touching the hot area by double clicking, and the hot area supports a user to finish the random movement of the upper, lower, left and right in the page by touch dragging.
Further, as shown in fig. 2, the embodiment of the present application further includes step S900:
step S910: obtaining a second adding instruction, and adding a double-click event to the Button tag according to the second adding instruction;
step S920: judging whether the real-time state of the double-click event is in a trigger state or not;
step S930: when the double-click event is in a trigger state, obtaining a second return instruction;
step S940: and returning the upper page according to the second return instruction.
Specifically, the double-click event refers to adding a click event to the Button tag, and the click event occurs once when the mouse pointer is held over an element and then the left mouse Button is pressed and released. Two clicks occur in a very short time, i.e., one double click event, i.e., dblclick. And a double-click event dblclick is added to the Button tag, when the click event is triggered, the trigger component can return to a superior page, so that the problem that the large-screen mobile phone is labourious in use and return operation can be solved, the use path of a return key is optimized in a new interaction mode, and the man-machine operation cost is reduced.
Further, as shown in fig. 3, the embodiment of the present application further includes step S1000:
step S1010: obtaining a third adding instruction, and adding a click event to the Button label according to the third adding instruction;
step S1020: judging whether the real-time state of the clicking event is in a triggering state;
step S1030: when the single-click event is in a trigger state, obtaining a first setting instruction;
step S1040: and setting the HTML label style according to the first setting instruction.
Specifically, the click event is that a click occurs when the mouse pointer is held over an element and then the left mouse button is pressed and released. The click event click is added to the Button tag, when the click event is triggered, the trigger component can set the HTML tag style according to the user requirements, the requirement of a user for editing and modifying the shape, the color and the like of the hot area in a user-defined mode is met, the style which the user likes is finally displayed, the setting is relatively flexible, the user can select, and therefore the experience of the user is improved.
Further, the embodiment of the present application further includes step S1100:
step S1110: building a return key component;
step S1120: and returning the upper page according to the return key component.
Specifically, the return key assembly is introduced from a project and returns to the previous page from the existing page, the return key assembly is located in the movable hot area, the effect of returning to the superior page can be achieved by lightly touching the hot area through double-click, the interaction mode creates a novel return operation path, the problem that a large-screen mobile phone is labored to use and return operation can be solved, the user experience is improved, the use path of the return key is optimized in a novel interaction mode, and the return operation of a large-screen mobile phone user is simplified.
Further, the embodiment of the present application further includes step S1200:
step 1210: obtaining a fourth adding instruction, and adding component attributes to the return key component according to the fourth adding instruction;
step S1220: and setting the return key component according to the component attribute.
In particular, the fourth add instruction is used to add component properties to the return key component that provide a list of proxy product components and their state at the proxy level, using which a context for detecting component state changes can be created. For example, the component incoming attribute is whether the component can return or not, the method for returning to the previous page is set in a self-defining mode, and a user can complete the setting of the return key through the self-defining method of the component.
Further, the embodiment of the present application further includes step S1300:
step 1310: obtaining a component style attribute;
step S1320: and carrying out self-defining setting on the return key component according to the component style attribute.
Specifically, the component style attributes comprise custom settings of background colors, background pictures, shapes, border styles, border background transparencies and the like, so that the user can complete any movement of the user from top to bottom, left to right in the page by dragging through touch control, and the user can also edit and modify the shapes, colors and the like of the hot area in a custom manner, and the hot area is finally displayed as a style preferred by the user. The problem that the large-screen mobile phone is hard to use and return to operation is solved, the man-machine operation cost is reduced, and the experience of a user is improved.
Further, the embodiment of the present application further includes step S1400:
step S1410: obtaining a component return attribute;
step S1420: and carrying out self-defining setting on the return key component according to the component return attribute.
Specifically, the component return attribute refers to that return to a page is completed through a user-defined method on a set return key. For example, the component incoming attribute is that whether the component incoming attribute can be dragged or not, the method for returning to the previous page is set in a user-defined mode, a user can move up, down, left and right in the page randomly by dragging through touch control, and the setting has relative flexibility, enables the user to have selectivity and improves the user experience.
To sum up, the return operation method based on the mobile terminal provided by the embodiment of the present application has the following technical effects:
the application provides a return operation method based on a mobile terminal, wherein the method comprises the following steps: obtaining a first adding instruction, and adding a draggable attribute to the Button label according to the first adding instruction; judging whether the real-time state of the draggable attribute is in a trigger state or not; when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element; constructing a first monitoring module, wherein the first monitoring module is used for monitoring the occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event; obtaining a first event operating instruction according to the first dragging event; performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area; when the first mobile hot area is in a trigger state, obtaining a first return instruction; and returning the upper page according to the first return instruction. The technical problems that in the prior art, a return operation mode is single, flexibility and customization are lacked, and user experience is poor are solved. The technical effects of realizing the self-defined setting of the return operation, expanding the selectable range of the user, improving the use efficiency and experience of the user and reducing the operation cost by creating a new return path are achieved.
Example two
Based on the same inventive concept as the return operation method based on the mobile terminal in the foregoing embodiment, the present invention further provides a return operation system based on the mobile terminal, as shown in fig. 4, where the system includes:
a first obtaining unit 11, where the first obtaining unit 11 is configured to obtain a first adding instruction, and add a draggable attribute to a Button label according to the first adding instruction;
a first judging unit 12, where the first judging unit 12 is configured to judge whether a real-time state of the draggable attribute is in a trigger state;
a second obtaining unit 13, where the second obtaining unit 13 is configured to obtain a first drag-and-drop element when the draggable attribute is in a trigger state;
a first constructing unit 14, where the first constructing unit 14 is configured to construct a first monitoring module, where the first monitoring module is configured to monitor an occurrence event of the first drag-and-drop element, and obtain a first drag-and-drop event;
a third obtaining unit 15, where the third obtaining unit 15 is configured to obtain a first event operation instruction according to the first drag event;
a fourth obtaining unit 16, where the fourth obtaining unit 16 is configured to perform corresponding operation on an HTML tag according to the first event operation instruction, so as to obtain a first mobile hot area;
a fifth obtaining unit 17, where the fifth obtaining unit 17 is configured to obtain a first return instruction when the first mobile hot zone is in a trigger state;
a first execution unit 18, the first execution unit 18 for returning an upper page according to the first return instruction.
Further, the system further comprises:
a sixth obtaining unit, configured to obtain a second adding instruction, and add a double-click event to the Button tag according to the second adding instruction;
a second judging unit, configured to judge whether a real-time state of the double-click event is in a trigger state;
a seventh obtaining unit, configured to obtain a second return instruction when the double-click event is in a trigger state;
a second execution unit to return to an upper level page according to the second return instruction.
Further, the system further comprises:
the eighth obtaining unit is used for obtaining a third adding instruction and adding a click event to the Button label according to the third adding instruction;
the third judging unit is used for judging whether the real-time state of the clicking event is in a triggering state or not;
a ninth obtaining unit, configured to obtain a first setting instruction when the click event is in a trigger state;
and the third execution unit is used for setting the HTML tag style according to the first setting instruction.
Further, the system further comprises:
a second construction unit for constructing a return key component;
a fourth execution unit for returning to an upper page according to the return key assembly.
Further, the system further comprises:
a tenth obtaining unit, configured to obtain a fourth addition instruction, and add a component attribute to the return key component according to the fourth addition instruction;
a fifth execution unit configured to set the return key component according to the component attribute.
Further, the system further comprises:
an eleventh obtaining unit configured to obtain a component style attribute;
a sixth execution unit, configured to perform custom setting on the return key component according to the component style attribute.
Further, the system further comprises:
a twelfth obtaining unit, configured to obtain a component return attribute;
a seventh execution unit, configured to perform custom setting on the return key component according to the component return attribute.
Exemplary electronic device
The electronic device of the embodiment of the present application is described below with reference to fig. 5.
Based on the same inventive concept as the mobile terminal-based return operation method in the foregoing embodiment, an embodiment of the present application further provides a mobile terminal-based return operation system, including: a processor coupled to a memory, the memory for storing a program that, when executed by the processor, causes a system to perform the method of any of the first aspects.
The electronic device 300 includes: processor 302, communication interface 303, memory 301. Optionally, the electronic device 300 may also include a bus architecture 304. Wherein, the communication interface 303, the processor 302 and the memory 301 may be connected to each other through a bus architecture 304; the bus architecture 304 may be a peripheral component interconnect standard bus or an extended industry standard architecture bus, or the like. The bus architecture 304 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.
The memory 301 is used for storing computer-executable instructions for executing the present application, and is controlled by the processor 302 to execute. The processor 302 is configured to execute the computer-executable instructions stored in the memory 301, so as to implement a mobile-end-based return operation method provided by the above-mentioned embodiment of the present application.
Optionally, the computer-executable instructions in the embodiments of the present application may also be referred to as application program codes, which are not specifically limited in the embodiments of the present application.
The embodiment of the application solves the technical problems that in the prior art, the return operation mode is single, the flexibility and the customization are lacked, and the user experience is poor. The technical effects of realizing the self-defined setting of the return operation, expanding the selectable range of the user, improving the use efficiency and experience of the user and reducing the operation cost by creating a new return path are achieved.
Those of ordinary skill in the art will understand that: the various numbers of the first, second, etc. mentioned in this application are only used for the convenience of description and are not used to limit the scope of the embodiments of this application, nor to indicate the order of precedence. "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship. "at least one" means one or more. At least two means two or more. "at least one," "any," or similar expressions refer to any combination of these items, including any combination of singular or plural items. For example, at least one (one ) of a, b, or c, may represent: a, b, c, a-b, a-c, b-c, or a-b-c, wherein a, b, c may be single or multiple.
In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the application to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center by wire or wirelessly. The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device including one or more available media integrated servers, data centers, and the like. The usable medium may be a magnetic medium, an optical medium, a semiconductor medium, or the like.
The various illustrative logical units and circuits described in this application may be implemented or operated upon by design of a general purpose processor, a digital signal processor, an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other programmable logic device, discrete gate or transistor logic, discrete hardware components, or any combination thereof. A general-purpose processor may be a microprocessor, but in the alternative, the processor may be any conventional processor, controller, microcontroller, or state machine. A processor may also be implemented as a combination of computing devices, e.g., a digital signal processor and a microprocessor, a plurality of microprocessors, one or more microprocessors in conjunction with a digital signal processor core, or any other similar configuration.
The steps of a method or algorithm described in the embodiments herein may be embodied directly in hardware, in a software element executed by a processor, or in a combination of the two. The software cells may be stored in RAM memory, flash memory, ROM memory, EPROM memory, EEPROM memory, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art. For example, a storage medium may be coupled to the processor such the processor can read information from, and write information to, the storage medium. In the alternative, the storage medium may be integral to the processor. The processor and the storage medium may reside in an ASIC, which may be disposed in a terminal. In the alternative, the processor and the storage medium may reside in different components within the terminal. These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
Although the present application has been described in conjunction with specific features and embodiments thereof, it will be evident that various modifications and combinations can be made thereto without departing from the spirit and scope of the application.
Accordingly, the specification and figures are merely exemplary of the present application as defined in the appended claims and are intended to cover any and all modifications, variations, combinations, or equivalents within the scope of the present application. It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is intended to include such modifications and variations.
Claims (9)
1. A return operation method based on a mobile terminal, wherein the method comprises:
obtaining a first adding instruction, and adding a draggable attribute to the Button label according to the first adding instruction;
judging whether the real-time state of the draggable attribute is in a trigger state or not;
when the draggable attribute is in a trigger state, obtaining a first drag-and-drop element;
constructing a first monitoring module, wherein the first monitoring module is used for monitoring the occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event;
obtaining a first event operating instruction according to the first dragging event;
performing corresponding operation on the HTML tag according to the first event operation instruction to obtain a first mobile hot area;
when the first mobile hot area is in a trigger state, obtaining a first return instruction;
and returning the upper page according to the first return instruction.
2. The method of claim 1, wherein the method comprises:
obtaining a second adding instruction, and adding a double-click event to the Button tag according to the second adding instruction;
judging whether the real-time state of the double-click event is in a trigger state or not;
when the double-click event is in a trigger state, obtaining a second return instruction;
and returning the upper page according to the second return instruction.
3. The method of claim 1, wherein the method comprises:
obtaining a third adding instruction, and adding a click event to the Button label according to the third adding instruction;
judging whether the real-time state of the clicking event is in a triggering state;
when the single-click event is in a trigger state, obtaining a first setting instruction;
and setting the HTML label style according to the first setting instruction.
4. The method of claim 2, wherein the method comprises:
building a return key component;
and returning the upper page according to the return key component.
5. The method of claim 4, wherein the method comprises:
obtaining a fourth adding instruction, and adding component attributes to the return key component according to the fourth adding instruction;
and setting the return key component according to the component attribute.
6. The method of claim 5, wherein the method comprises:
obtaining a component style attribute;
and carrying out self-defining setting on the return key component according to the component style attribute.
7. The method of claim 5, wherein the method comprises:
obtaining a component return attribute;
and carrying out self-defining setting on the return key component according to the component return attribute.
8. A mobile-side based return operating system, wherein the system comprises:
the first obtaining unit is used for obtaining a first adding instruction and adding a draggable attribute to the Button label according to the first adding instruction;
the first judging unit is used for judging whether the real-time state of the draggable attribute is in a trigger state or not;
a second obtaining unit, configured to obtain a first drag-and-drop element when the draggable attribute is in a trigger state;
the first monitoring module is used for monitoring an occurrence event of the first drag-and-drop element to obtain a first drag-and-drop event;
a third obtaining unit, configured to obtain a first event operation instruction according to the first drag event;
a fourth obtaining unit, configured to perform corresponding operation on an HTML tag according to the first event operation instruction, so as to obtain a first mobile hot area;
a fifth obtaining unit, configured to obtain a first return instruction when the first mobile hot zone is in a trigger state;
a first execution unit to return an upper level page according to the first return instruction.
9. A mobile-side based return operating system, comprising: a processor coupled with a memory, the memory for storing a program that, when executed by the processor, causes a system to perform the method of any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111219263.8A CN113946267A (en) | 2021-10-20 | 2021-10-20 | Mobile terminal-based return operation method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111219263.8A CN113946267A (en) | 2021-10-20 | 2021-10-20 | Mobile terminal-based return operation method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113946267A true CN113946267A (en) | 2022-01-18 |
Family
ID=79331671
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111219263.8A Pending CN113946267A (en) | 2021-10-20 | 2021-10-20 | Mobile terminal-based return operation method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113946267A (en) |
Citations (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102479224A (en) * | 2010-11-23 | 2012-05-30 | 腾讯科技（深圳）有限公司 | Application webpage editing method and application webpage editing device |
| CN103885691A (en) * | 2014-03-20 | 2014-06-25 | 小米科技有限责任公司 | Method and device for executing backspacing operation |
| CN104216607A (en) * | 2013-09-05 | 2014-12-17 | 侯金涛 | Icon dragging method and system based on HTML5 virtual operation system |
| CN105426078A (en) * | 2015-11-13 | 2016-03-23 | Tcl集团股份有限公司 | Single-hand operation method of mobile terminal and mobile terminal |
| CN105511771A (en) * | 2014-09-22 | 2016-04-20 | 宇龙计算机通信科技(深圳)有限公司 | Shortcut operation method, device and terminal |
| US20160170600A1 (en) * | 2014-12-15 | 2016-06-16 | Canon Kabushiki Kaisha | User interface apparatus, image forming apparatus, content operation method, and control program |
| CN105824564A (en) * | 2016-03-25 | 2016-08-03 | 乐视控股（北京）有限公司 | Method for using function of return key and terminal |
| CN106354404A (en) * | 2016-08-15 | 2017-01-25 | 合网络技术（北京）有限公司 | Page operation method and device |
| CN107357487A (en) * | 2017-07-26 | 2017-11-17 | 掌阅科技股份有限公司 | Application control method, electronic equipment and computer-readable storage medium |
| CN107491253A (en) * | 2017-09-11 | 2017-12-19 | 惠州Tcl移动通信有限公司 | A kind of terminal operation method and terminal |
| CN107943401A (en) * | 2017-11-30 | 2018-04-20 | 珠海市魅族科技有限公司 | A kind of function triggering method and device, computer installation, readable storage medium storing program for executing |
| CN108008871A (en) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | A kind of page generation method and device |
| CN108052322A (en) * | 2017-12-29 | 2018-05-18 | 陈菡 | A kind of dragging method based on visual layout's system |
| CN108717344A (en) * | 2018-05-25 | 2018-10-30 | 北京小米移动软件有限公司 | page navigation method, device, terminal and computer readable storage medium |
| CN108897489A (en) * | 2018-07-25 | 2018-11-27 | 上海携程商务有限公司 | Exchange method, system, equipment and the storage medium that the page returns |
| CN109597554A (en) * | 2018-12-04 | 2019-04-09 | 北京马上慧科技术有限公司 | A kind of page returning method, computer installation and readable storage medium storing program for executing |
| CN112578980A (en) * | 2019-09-27 | 2021-03-30 | 阿里巴巴集团控股有限公司 | Terminal page display method and device |
-
2021
- 2021-10-20 CN CN202111219263.8A patent/CN113946267A/en active Pending
Patent Citations (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102479224A (en) * | 2010-11-23 | 2012-05-30 | 腾讯科技（深圳）有限公司 | Application webpage editing method and application webpage editing device |
| CN104216607A (en) * | 2013-09-05 | 2014-12-17 | 侯金涛 | Icon dragging method and system based on HTML5 virtual operation system |
| CN103885691A (en) * | 2014-03-20 | 2014-06-25 | 小米科技有限责任公司 | Method and device for executing backspacing operation |
| CN105511771A (en) * | 2014-09-22 | 2016-04-20 | 宇龙计算机通信科技(深圳)有限公司 | Shortcut operation method, device and terminal |
| US20160170600A1 (en) * | 2014-12-15 | 2016-06-16 | Canon Kabushiki Kaisha | User interface apparatus, image forming apparatus, content operation method, and control program |
| CN105426078A (en) * | 2015-11-13 | 2016-03-23 | Tcl集团股份有限公司 | Single-hand operation method of mobile terminal and mobile terminal |
| CN105824564A (en) * | 2016-03-25 | 2016-08-03 | 乐视控股（北京）有限公司 | Method for using function of return key and terminal |
| CN106354404A (en) * | 2016-08-15 | 2017-01-25 | 合网络技术（北京）有限公司 | Page operation method and device |
| CN108008871A (en) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | A kind of page generation method and device |
| CN107357487A (en) * | 2017-07-26 | 2017-11-17 | 掌阅科技股份有限公司 | Application control method, electronic equipment and computer-readable storage medium |
| CN107491253A (en) * | 2017-09-11 | 2017-12-19 | 惠州Tcl移动通信有限公司 | A kind of terminal operation method and terminal |
| CN107943401A (en) * | 2017-11-30 | 2018-04-20 | 珠海市魅族科技有限公司 | A kind of function triggering method and device, computer installation, readable storage medium storing program for executing |
| CN108052322A (en) * | 2017-12-29 | 2018-05-18 | 陈菡 | A kind of dragging method based on visual layout's system |
| CN108717344A (en) * | 2018-05-25 | 2018-10-30 | 北京小米移动软件有限公司 | page navigation method, device, terminal and computer readable storage medium |
| CN108897489A (en) * | 2018-07-25 | 2018-11-27 | 上海携程商务有限公司 | Exchange method, system, equipment and the storage medium that the page returns |
| CN109597554A (en) * | 2018-12-04 | 2019-04-09 | 北京马上慧科技术有限公司 | A kind of page returning method, computer installation and readable storage medium storing program for executing |
| CN112578980A (en) * | 2019-09-27 | 2021-03-30 | 阿里巴巴集团控股有限公司 | Terminal page display method and device |
Non-Patent Citations (6)
| Title |
|---|
| GLORY: "canvas实现不规则图形绘制，生成图片热区", Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/362906071> * |
| WEIQINL: "HTML5原生拖拽/拖放 Drag & Drop 详解", Retrieved from the Internet <URL:https://juejin.cn/post/6844903513491767303> * |
| 安之CCY: "前端提高篇(七十三)：Drag和Drop拖放操作：拖放事件与dataTransfer对象操作", Retrieved from the Internet <URL:https://blog.csdn.net/qq_43523725/article/details/115162416> * |
| 巴斯光年: "百度：编辑移动热区形状 颜色 大小样式", Retrieved from the Internet <URL:https://www.jianshu.com/p/489a48b0b5e0> * |
| 极客32: "华为Mate10单手操作悬浮按钮导航教程", pages 1 - 4, Retrieved from the Internet <URL:https://news.geek32.com/articles/14915.html> * |
| 知乎用户G5CDKH: "HTML5实现拖拽效果，原理详解及案例实现 - 知乎", Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/285809158> * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107547750B (en) | Control method, device and the storage medium of terminal | |
| EP2584464B1 (en) | Method of rendering a user interface | |
| KR101733839B1 (en) | Managing workspaces in a user interface | |
| US20130093764A1 (en) | Method of animating a rearrangement of ui elements on a display screen of an electronic device | |
| CN109101157A (en) | Sidebar icon setting method, device, terminal and storage medium | |
| CN111061419B (en) | Application bar display method and electronic equipment | |
| CN112181225A (en) | Desktop element adjusting method and device and electronic equipment | |
| CN117193602A (en) | Method and device for switching application internal interfaces | |
| WO2022252748A1 (en) | Method and apparatus for processing virtual object, and device and storage medium | |
| CN113262476B (en) | Position adjusting method and device of operation control, terminal and storage medium | |
| CN109164950B (en) | Method, device, medium and equipment for setting system interface of mobile terminal | |
| CN108491152B (en) | Touch screen terminal control method, terminal and medium based on virtual cursor | |
| US10540706B2 (en) | System for intelligent injecting and ejecting of virtual connected buttons for OS interfaces | |
| CN110308843A (en) | A kind of object processing method and device | |
| WO2017222841A1 (en) | Deconstructing and rendering of web page into native application experience | |
| CN113946267A (en) | Mobile terminal-based return operation method and system | |
| CN106406666A (en) | A processing method and device for application program icons | |
| CN115460448A (en) | Media resource editing method and device, electronic equipment and storage medium | |
| CN108536354A (en) | The method and apparatus of location character position in virtual reality scenario | |
| KR102180351B1 (en) | User terminal device and method for providing user interface of user terminal device | |
| CN115390720A (en) | Robotic Process Automation (RPA) including automatic document scrolling | |
| CN112527175A (en) | Animation implementation method, device, equipment and storage medium | |
| CN112558853A (en) | Session message processing method and device, electronic device and storage medium | |
| CN112463014B (en) | Input panel display method, related equipment and readable storage medium | |
| CN116166242B (en) | Canvas-based measurement card implementation method, device and storage medium |
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 | ||
| CB02 | Change of applicant information |
Address after: 100000 floors 1-3, block a, global creative Plaza, No. 10, Furong street, Chaoyang District, Beijing Applicant after: Bairong Zhixin (Beijing) Technology Co.,Ltd. Address before: 100000 floors 1-3, block a, global creative Plaza, No. 10, Furong street, Chaoyang District, Beijing Applicant before: Bairong Zhixin (Beijing) credit investigation Co.,Ltd. |
|
| CB02 | Change of applicant information |