JavaScript Tutorial/jQuery/focus
Версия от 21:52, 25 мая 2010; (обсуждение)
Содержание
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>