JavaScript Tutorial/jQuery/focus
Содержание
Fire focus event
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus(function () {
$(this).next("span").css("color","red");
});
});
</script>
</head>
<body>
<body>
<input type="text" /> focus event fire
</body>
</html></source>
Set focus form field
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").removeAttr("disabled").focus().val("editable now");
});
</script>
</head>
<body>
<body>
<button>Enable</button>
<input type="text" disabled="disabled" value="data"/>
</body>
</html></source>
Set focus to text box
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus();
});
</script>
</head>
<body>
<body>
<input type="text" /> focus event fire
</body>
</html></source>
To focus on a login input box with id "login" on page startup
<source lang="javascript">
$(document).ready(function(){
$("#login").focus();
});</source>
Trigger focus event
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#old").click(function(){
$("input").trigger("focus");
});
$("#new").click(function(){
$("input").triggerHandler("focus");
});
$("input").focus(function(){
$("Focused!").appendTo("body");
});
});
</script>
</head>
<body>
<body>
<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button>
<input type="text" value="To Be Focused"/>
</body>
</html></source>
