HI WELCOME TO KANSIRIS

jQuery Remove Focus from TextBox / Text Field Example

Leave a Comment
To remove focus from textbox / text field in jQuery we need to write the code like as shown below


$('#txtname').blur();

Here if you observe above syntax we are removing focus from textbox using blur() property.

If you want to check it in complete example you need to write the code like as shown below


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Remove Focus From Text Field Example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function(){
$('#txtname').focus()
$('#btnRemove').click(function(){
$('#txtname').blur();
})
})
</script>
</head>
<body>
<form id="form1">
<div>
Enter Name: <input type="text" id="txtname" />
<input type="button" id="btnRemove" value="Click to Remove Focus" />
</div>
</form>
</body>
</html>

0 comments:

Post a Comment

Note: only a member of this blog may post a comment.