Set courser always in textbox (i.e when out side mouse click Also)

Question

4.00/5 (1 vote)

See more:

hi all..
i have one text box in a web page i need to set courser position every time in that text box when clicked out side of text box also courser should be in text box only..
i tried like

ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Set Courser Focus</title>
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <link href="js/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
         <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            //
            // Click Event
            $("#body1").click(function(event) {
                $('#txtname').focus();
            });
        });
    </script>   
</head>
<body id="body1" onload="$('#txtname').focus();">
    <form id="form1" runat="server">
    <div >
    <asp:TextBox ID="txtname"  AutoCompleteType="None"  runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

case1: on page load it is working
case2: on clicking every where in body tag it is focusing on text box
case3:but it is not focusing on text box when outside body mouse click
i need to set always courser position in text box
can any one help me please
thanks in advance..

Posted 8-Feb-13 22:20pm

tram7

Updated 8-Feb-13 22:26pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Nitesh Kejriwal · Answer 1 · 2013-02-09T06:13:00

Solution 1

Instead of handling the click event on body1, try onblur event on the textbox itself. Something like -

JavaScript

$(document).ready(function() {
            //
            // Click Event
            $("#txtname").blur(function(event) {
                $('#txtname').focus();
            });
        });

Posted 9-Feb-13 6:13am

Nitesh Kejriwal

Comments

[no name] 10-Feb-13 2:12am

Perfect man. My +5

Nitesh Kejriwal 10-Feb-13 7:40am

Thanks Sheikh!

tram7 10-Feb-13 8:25am

you know what it is not working
just check it once

tram7 10-Feb-13 8:44am

it is getting solved by redefining code as:
$(document).ready(function() {
$('#txtname').focus();
$("#txtname").blur(function() {
location.reload();
});
});
but your code is root for this..
any way thank you so much..

Nitesh Kejriwal 10-Feb-13 11:53am

tram7, I wrote the code from my mind and have not tested it. Glad that it helped you :)

tram7 12-Feb-13 5:35am

am still thinking why it does't work on blur event..
blur event working but courser not displaying on text box..

Nitesh Kejriwal 12-Feb-13 8:06am

Check for the ID of the Textbox. txtname is the Server side ID of the textbox. Use Firebug or see Page source to see the ID of the textbox.