This application is a national stage application of PCT patent application No. PCT/CN2013/078220, filed on Jun. 27, 2013, which claims the priority of Chinese patent application No. 201210287282.9, namely “Method and Device for Selecting Webpage Edge Content, and Mobile Terminal”, filed on Aug. 10, 2012 at Chinese Patent Office, and the entirety of which is incorporated herein by reference.
The present invention generally relates to the field of mobile communication and, more particularly, to a webpage edge content selection method and device on a mobile terminal and a mobile terminal with such device.
As technology progresses, especially as touch-screen technology advances, through browsers installed on mobile terminals and using touch-screen technology to browse and process webpages is becoming a trend. Conventionally, because the width of webpage content is often wider than that of a mobile terminal screen, as illustrated in
Specifically, when the browser enters into a text selection mode (e.g., webpage browsing), one or more cursors (e.g., two cursors) appear on the screen of the mobile terminal for user to scroll the screen up-and-down or left-and-right to display the content that is not displayed on the current screen of the mobile terminal. However, under such circumstance, when trying to select contents at the edge of the mobile terminal screen, the user is not able to drag the cursor further when the cursor reaches the edge. It may cause the content of the content webpage that is not displayed on the current screen not being able to be selected. Furthermore, when the edge of the touch-screen is not sensitive, the user is not able to select the content at the edge of the current screen. To solve this problem, a preferred solution provides a magnifier function, as shown in
However, due to the incompleteness of sensing units at the edge of capacitive touch-screen and the absence of half of weight signals when a user finger touches the edge of the screen, as the user selects the edge content of the content webpage, it may cause difficulty for selecting the edge content or even make it impractical.
The present invention provides a method, a device and a mobile terminal for selecting the edge content of a content webpage in order to solve the technical problem of lower user satisfaction when selecting the edge content of the content webpage.
In order to solve the above technical problem, the present invention provides the following technical solutions.
In one aspect, the present invention provides a method for selecting and processing an edge content of a content webpage. The method includes the followings.
The browser client detects locations of at least two cursors configured for user to select a content area from a content webpage on the touch-screen of a mobile terminal and movement of one of every two cursors toward the screen edge of the touch-screen.
When the distance between a location of the screen edge and the location of the cursor after the movement of the cursor is within a first predetermined distance, the content webpage is triggered to move in a direction opposite to the direction of the movement of the cursor.
In one embodiment, the method also includes: when the location of the cursor after the movement of the cursor reaches the location of the content edge of the content webpage, the content webpage is moved further in a direction opposite to the direction of the movement of the cursor by a second predetermined distance, bringing the edge of the content closer to the center of the screen than the edge of the screen.
In one or more embodiments, detecting locations of at least two cursors configured for user to select a content area from a content webpage on the touch-screen of a mobile terminal includes the followings.
Detecting the location of the preset marker displayed on the predetermined area of the touch-screen of a mobile terminal being clicked by a user; or
Detecting the location of the cursor being dragged by the user on the touch-screen in a horizontal or a vertical direction.
In one or more embodiments, a preset marker may be an upward, a downward, a leftward or a rightward arrow displayed on the touch-screen of a mobile terminal.
In another aspect, the present invention provides a method for selecting and processing the edge content of the content webpage on a mobile terminal, including: when detecting on the touch-screen of a mobile terminal that a user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the browser client moves the cursor part toward the screen edge; the browser client determines whether the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within the first predetermined distance; when the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within the first predetermined distance, the content webpage is triggered to move in the direction opposite to the direction of the movement of the cursor; and the browser client moves the content webpage in the opposite direction, wherein, when the cursor part reaches the content edge of the content webpage, the content webpage is moved further in the opposite direction by the second predetermined distance, bringing the edge of the content edge closer to the center of the screen than the edge of the screen.
In one or more embodiments, when the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user clicks a preset marker displayed on the predetermined area of the touch-screen of a mobile terminal.
In one or more embodiments, the preset marker may be the upward, the downward, the leftward or the rightward arrow displayed on the touch-screen of a mobile terminal.
In one or more embodiments, when the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user drags the cursor part on the touch-screen in the horizontal or the vertical direction.
In another aspect, the present invention provides a device for selecting and processing the edge content of a content webpage. The device includes the followings.
A detecting unit is configured to detect locations of at least two cursors used for user to select the content area from a content webpage on the touch-screen of a mobile terminal and movement of one of each two cursors toward the location of the screen edge of the touch-screen.
A triggering unit is configured to trigger the content webpage to move in the direction opposite to the direction of the movement of the cursor when the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within the first predetermined distance.
In one embodiment, the device further includes the following.
A content webpage moving unit is configured to, when the location of the cursor after the movement of the cursor reaches the location of the content edge of the content webpage, move the content webpage further in the opposite direction by the second predetermined distance, bringing the edge of the content closer to the center of the screen than the edge of the screen.
In one or more embodiments, the detecting unit detects locations of at least two cursors used by the user to define the selection area on the content webpage on the touch-screen of a mobile terminal by the following operations.
Detecting the location of the preset marker displayed on the predetermined area of the touch-screen of a mobile terminal; or
Detecting the location of the cursor being dragged by the user on the touch-screen in the horizontal or the vertical direction.
In another aspect, the present invention provides a device for selecting and processing the edge content of a content webpage, including: a cursor moving unit configured to, upon detecting that the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen on the touch-screen of a mobile terminal, move the cursor part toward the screen edge; a determining unit configured to determine if the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within the first predetermined distance; a triggering unit configured to trigger the content webpage to move in the direction opposite to the direction of the movement of the cursor when the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within the first predetermined distance; and a content webpage moving unit configured to move the content webpage in the opposite direction, wherein, when the cursor part reaches the content edge of the content webpage, the content webpage moving unit is configured to move the content webpage further in the opposite direction by the second predetermined distance, bringing the edge of the content closer to the center of the screen than the edge of the screen.
In one or more embodiments, when the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user clicks the preset marker displayed on the predetermined area on the touch-screen of a mobile terminal.
In one or more embodiments, the preset marker may be the upward, the downward, the leftward or the rightward arrow.
In one or more embodiments, when the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user drags the cursor part on the touch-screen in the horizontal or the vertical direction.
In another aspect, the present invention provides a mobile terminal, which includes the above described device.
In another aspect, the present invention provides a computer readable medium storing processor-executable program code, when being executed, for the processor to perform the following procedures.
The processor detects locations of at least two cursors used for user to select content area from a content webpage on the touch-screen of a mobile terminal and movement of one of every two cursors toward the screen edge of the touch-screen.
When the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within the first predetermined distance, the processor triggers the content webpage to move in the direction opposite to the direction of the movement of the cursor.
Using the above described browser based webpage moving control method and device, when the user drags the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, or when the user drags one of each pair of at least two cursors used to define the selection area toward the screen edge of the touch-screen, through moving the cursor part used to define the selection area or one of each pair of the cursors toward the screen edge, when the distance between the screen edge and the cursor part after the movement of the cursor is within the first predetermined distance, the content webpage is triggered to move in the opposite direction. And when the cursor part reaches the content edge of the content webpage, the content webpage is moved further in the opposite direction, bringing the edge of the content closer to the center of the screen than the edge of the screen. This helps user to select the text at the screen edge more effectively and to avoid the problem whereby selecting the text at the screen edge is difficult or even impossible when some inferior capacitive touch-screen devices are used.
In order to achieve the foregoing and related objectives, one or more aspects of the present invention include the features described later in detail and specifically indicated in the claims. The following description and the accompanying drawings illustrate in detail certain embodiments of the present invention. However, these aspects are only some of many variations of the embodiments based on the principles of the present invention. Further, the present invention is intended to include all such aspects and their equivalents.
According to the following detailed description with reference to the accompanying drawings, the foregoing and other objectives, features and advantages of the present invention will become easily understood. In the drawings:
In all drawings, the same reference numerals indicate similar or corresponding features or functions.
The followings, together with accompanying drawings, describe in detail certain embodiments of the present invention.
When using the web browser on a mobile terminal to browse and process webpages, a user sometimes enters into a text selection mode. Under such circumstance, two cursors usually appear on the touch-screen of a mobile terminal to define the selection area, i.e., the text selection area. In the backend, the locations of at least two cursors are detected. Any one of the two cursors (usually being displayed in pairs) can move horizontally (i.e., along the width direction of the touch-screen) or vertically (i.e., along the height direction of the touch-screen). Usually the length of the touch-screen along the horizontal direction is smaller than the length of the touch-screen along the vertical direction. Hence, one of the two cursors is often dragged in the horizontal direction of the screen. In the followings, the cursor being dragged horizontally is used as an example for illustration.
If a user needs to select, on a mobile terminal screen, the edge content of a content page of a webpage displayed on the mobile terminal, the user needs to perform the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, to move the text selection area to the edge of the content page, and then to select and process the edge content of the content page.
Here, when the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user clicks a preset marker displayed on the predetermined area on the touch-screen of the mobile terminal. The preset marker may be an upward, a downward, a leftward, or a rightward arrow displayed on the touch-screen of the mobile terminal, but is not limited thereto. In certain embodiments, the upward arrow indicates dragging the cursor part upward in the vertical direction on the touch-screen of the mobile terminal. The downward arrow indicates dragging the cursor part downward in the vertical direction on the touch-screen of the mobile terminal. The leftward arrow indicates dragging the cursor part from right to left in the horizontal direction on the touch-screen of the mobile terminal. Further, the rightward arrow indicates dragging the cursor part from left to right in the horizontal direction on the touch-screen of the mobile terminal. Accordingly, when the user clicks the upward arrow, the user performs an operation of dragging the cursor part toward the top edge of the touch-screen. When the user clicks the downward arrow, the user performs an operation of dragging the cursor part toward the bottom edge of the touch-screen. Further, when the user clicks the leftward arrow, the user performs an operation of dragging the cursor part toward the left edge of the touch-screen. When the user clicks the rightward arrow, the user performs an operation of dragging the cursor part toward the right edge of the touch-screen.
Further, when the user performs an operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user drags the cursor part horizontally or vertically on the touch-screen using a finger(s).
In this case, on the browser side of the mobile terminal, as shown in
After moving the cursor part toward the screen edge, in Step S320, it is determined if the distance between the screen edge in the direction of dragging and the cursor part being dragged is within a first predetermined distance. Here, the first predetermined distance may be any value between about 2 mm and about 8 mm. For example, it may be 3 mm, 5 mm, 7 mm or 8 mm, etc. Preferably, the first predetermined distance is usually 5 mm. Further, the first predetermined distance may be any other suitable value.
When the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is not within the first predetermined distance, the browser client continues to move the cursor part and continues to monitor if the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within the first predetermined distance.
When the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within the first predetermined distance, in Step S330, the browser client triggers the content page to move in the direction opposite to the direction of the movement of the cursor.
In Step S340, the browser client checks if the cursor part being dragged reaches the edge of the content of the content page. When it has not reached the content edge, then the browser client executes Step S350, to continue to move the webpage content in the opposite direction and to move the cursor part, and then returns to Step S340.
When the cursor part reaches the content edge of the content page, then in Step S360, the browser client moves the content page further in the opposite direction by a second predetermined distance, bringing the edge of the content closer to the center of the screen than the edge of the screen. Here, the second predetermined distance may be any value between about 2 mm and about 8 mm. For example, it may be 3 mm, 5 mm, 7 mm or 8 mm, etc. Further, the second predetermined distance may be any other suitable value.
Further, the present invention also provides a method for selecting and processing the edge content of a content webpage, which includes the followings.
1) A browser client detects locations of at least two cursors for user to select a content area from a content webpage on the touch-screen of a mobile terminal and movement (e.g., continuous) of one of every two cursors toward the location(s) of the screen edge(s) of the touch-screen.
In other words, when user browses and processes web webpages using the web browser and needs to select a text, under such circumstance, often two cursors appear on the touch-screen (of course, the number of cursors may be multiple of two, for example, four, eight, etc.), the content between every two cursors (i.e., a pair of cursors) is the text content selected by the user, the text selection area. For the backend, the area between the locations of each pair of the cursors is the area of the text content selected by the user.
2) If the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within a first predetermined distance, the browser triggers the content webpage to move in the direction opposite to the direction of the movement of the cursor.
Optionally, in this step, the browser first checks if the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within the first predetermined distance. If the distance is within the first predetermined distance, the browser then executes the step of triggering the content webpage to move in the direction opposite to the direction of the movement of the cursor.
The first predetermined distance has been described previously and is not repeated herein.
According to the present invention, when the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within the first predetermined distance, the content page is triggered to move in the direction opposite to the direction of the movement of the cursor. It enables the user to select the text at the screen edge more effectively and to avoid the problem whereby selecting the text at the screen edge is difficult or even impossible when some inferior capacitive touch-screen devices are used, increasing user satisfaction.
Optionally, in the above embodiments, the described method also includes: when the location of the cursor after the movement of the cursor reaches the location of the content edge of the content page, the content page is moved in the opposite direction by a second predetermined distance, bringing the edge of the content closer to the center of the screen than the edge of the screen.
In other words, when browser detects that the location of the cursor after the movement of the cursor reaches the location of the content edge of the content webpage, the content webpage is moved in the opposite direction by the second predetermined distance, bringing the content edge closer to the center of the screen.
Optionally, detecting locations of the two cursors for selecting the content area from a content webpage on the touch-screen of a mobile terminal by the user includes: detecting the location of the preset marker displayed on a predetermined area of the touch-screen of the mobile terminal that is clicked by the user, wherein the preset marker may be an upward arrow, a downward arrow, a leftward arrow, or a rightward arrow displayed on the touch-screen of the mobile terminal; or detecting the location of the cursor being dragged by the user in the horizontal direction or the vertical direction on the touch-screen.
In this embodiment, the implementation may be similar to that of the above-described method, the details of which are omitted here.
As shown in
The cursor moving unit 610 is configured to, upon detecting on the touch-screen of a mobile terminal that the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, move the cursor part toward the screen edge.
Here, when the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user clicks a preset marker displayed on the predetermined area on the touch-screen of the mobile terminal. The preset marker may be an upward, a downward, a leftward, or a rightward arrow displayed on the touch-screen of the mobile terminal.
Further, when the user performs an operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen, the operation may be that the user drags the cursor part horizontally or vertically on the touch-screen using a finger(s).
The determining unit 620 is configured to determine whether the distance between the screen edge in the direction of the movement of the cursor and the cursor part after the movement of the cursor is within a first predetermined distance. Here, the first predetermined distance may be any value between about 2 mm and about 8 mm. For example, it may be 3 mm, 4 mm, 5 mm, 7 mm or 8 mm, etc. Further, the first predetermined distance may be any other suitable value.
When the distance between the screen edge and the cursor part being dragged is within the first predetermined distance, the triggering unit 630 is configured to trigger the content webpage to move in the direction opposite to the direction of the movement of the cursor.
The content webpage page moving unit 640 is configured to move the content webpage in the opposite direction. Further, when the cursor part being dragged reaches the content edge of the content webpage, the content webpage moving unit 640 is configured to move the content webpage further in the opposite direction by a second predetermined distance, bringing the edge of the content closer to the center of the screen than the edge of the screen. Here, the second predetermined distance may be any value between about 2 mm and about 8 mm. For example, it may be 3 mm, 4 mm, 5 mm, 7 mm or 8 mm, etc. Further, the second predetermined distance may be any other suitable value.
Using the above described edge content selection method and device, the user performs the operation of dragging the cursor part of the two cursors used to define the selection area toward the screen edge of the touch-screen. When the distance between the screen edge and the cursor after the movement of the cursor is within the first predetermined distance, the content webpage is triggered to move in the opposite direction. When the cursor part after the movement of the cursor reaches the content edge of the content webpage, the content webpage is moved further in the opposite direction, bringing the edge of the content closer to the center of the screen than the edge of the screen. As a result, the user is able to select the text at the screen edge more effectively and to avoid the problem whereby selecting the text at the screen edge is difficult or even impossible when some inferior capacitive touch-screen devices are used.
Accordingly, the present invention also provides a device for selecting and processing the edge content of the content page, which includes: a detecting unit and a triggering unit as described in the followings.
The detecting unit is configured to detect locations of at least two cursors for user to select a content area from a content page on the touch-screen of a mobile terminal and movement of one of every two cursors (typically a pair of cursors) toward the location(s) of the screen edge(s) of the touch-screen. The triggering unit is configured to trigger the content webpage to move in the direction opposite to the direction of the movement of the cursor when the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within the first predetermined distance.
Further, detecting locations of at least two cursors for user to select a content area from a content webpage on the touch-screen of a mobile terminal by the detecting unit includes: detecting the location of the preset marker displayed on a predetermined area of the touch-screen of the mobile terminal that is clicked by the user; or detecting the location of the cursor being dragged by the user on the touch-screen in the horizontal or the vertical direction.
Optionally, in the above embodiment, the device also includes: a content webpage moving unit, configured to move the content webpage in the opposite direction by the second predetermined distance when the location of the cursor after the movement of the cursor reaches the location of the content edge of the content webpage, bringing the edge of the content closer to the center of the screen than the edge of the screen.
The implementation procedures of the functions and roles of individual units of the device correspond to the same of the above method and is not repeated herein.
Another mobile terminal may include: a detecting unit and a triggering unit. Further, the mobile terminal may include a content webpage moving unit. The functions and roles of individual units are described above in detail and will not be duplicated herein.
Further, the mobile terminals according to the present invention may typically be various hand-held terminal devices, such as smart phones, personal digital assistants (PDA), etc. The scope of the present invention should not be limited to any particular type of mobile terminals.
The present invention also provides a computer readable medium storing processor-executable program code, when being executed, for the processor to perform the following procedures: detecting locations of at least two cursors for user to select a content area from a content webpage on the touch-screen of a mobile terminal and movement of one of every two cursors toward the location of the screen edge of the touch-screen; when the distance between the location of the screen edge and the location of the cursor after the movement of the cursor is within the first predetermined distance, triggering the content webpage to move in the direction opposite to the direction of the movement of the cursor.
Further, the methods according to the embodiments of the present invention may be implemented in CPU executable computer program. When executed by CPU, the computer program performs the functions described above according to the embodiments of the present invention.
Further, the procedures of the above methods and the system units may also be implemented in computer programs and executed by a controller (for example, microprocessor) together with computer readable memory device storing the computer programs for the controller to realize the above procedures or unit functions.
Further, it should be understood that the computer readable storage device (for example, memory) described here may be volatile memory or non-volatile memory or both. As examples without limitation, non-volatile memory may include read only memory (ROM), programmable read only memory (PROM), erasable programmable read only memory (EPROM), electrically erasable programmable read only memory (EEPROM) or flash memory. Volatile memory may include random access memory (RAM), which may be used as external high speed buffer memory. As examples without limitation, RAM may be in various forms, such as synchronous RAM (SRAM), dynamic RAM (DRAM), synchronous dynamic RAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), or direct Rambus RAM (DRRAM). The memory types disclosed above are intended to include, but are not limited to, these and other suitable types of memory.
It should be understood to those skilled in the art that the combination of the disclosed exemplary logic components, modules, circuits and algorithms may be implemented in hardware, software, or a combination of both. For the purpose of explaining the interchangeability between hardware and software, the functions and roles of the exemplary components, blocks, modules, circuits and procedures are described generally. Whether a particular function is implemented in software or hardware depends on the specific application and the design constraints of the overall system. Those skilled in the art may have a variety of ways to implement the described functions pertaining to specific applications, but such implementation decisions should not be interpreted as causing a departure from the scope of the present invention.
The above embodiments, with reference to the accompanying drawings, are used to describe a webpage edge content selection method and device, and a mobile terminal according to the present invention. However, it should be understood by those skilled in the art that the above described method and device may be improved without departing from the spirit and principles of the present invention. Accordingly, the scope of the protection of the present invention should be determined by the content of the appended claims.
Number | Date | Country | Kind |
---|---|---|---|
2012 1 0287282 | Aug 2012 | CN | national |
Filing Document | Filing Date | Country | Kind |
---|---|---|---|
PCT/CN2013/078220 | 6/27/2013 | WO | 00 |
Publishing Document | Publishing Date | Country | Kind |
---|---|---|---|
WO2014/023140 | 2/13/2014 | WO | A |
Number | Name | Date | Kind |
---|---|---|---|
5611060 | Belfiore | Mar 1997 | A |
7934166 | Clark | Apr 2011 | B1 |
20060212790 | Perantatos | Sep 2006 | A1 |
20090228842 | Westerman | Sep 2009 | A1 |
20100289757 | Budelli | Nov 2010 | A1 |
20110310026 | Davis | Dec 2011 | A1 |
20120066591 | Hackwell | Mar 2012 | A1 |
20120229397 | Cho | Sep 2012 | A1 |
20120311437 | Weeldreyer | Dec 2012 | A1 |
20130042199 | Fong | Feb 2013 | A1 |
20130290906 | Thorsander | Oct 2013 | A1 |
20140040833 | McLean | Feb 2014 | A1 |
Number | Date | Country |
---|---|---|
1624640 | Jun 2005 | CN |
101068411 | Nov 2007 | CN |
101192121 | Jun 2008 | CN |
101398739 | Apr 2009 | CN |
101526881 | Sep 2009 | CN |
101689092 | Mar 2010 | CN |
101710268 | May 2010 | CN |
101963887 | Feb 2011 | CN |
102207815 | Oct 2011 | CN |
102349046 | Feb 2012 | CN |
102902454 | Jan 2013 | CN |
Entry |
---|
NPL YouTube Drag and Drop, May 12, 2006 (Year: 2006). |
NPL Microsoft Computer Dictionary Fifth Edition, Drag Definition, pp. 1-3, 2002 (Year: 2002). |
Number | Date | Country | |
---|---|---|---|
20150220241 A1 | Aug 2015 | US |