JavaScript Tutorial/jQuery/select
Версия от 21:52, 25 мая 2010; (обсуждение)
select(fn) event fires when a user selects some text in a text field, including input and textarea.
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).select( function () { $("div").text("Something was selected").show().fadeOut(1000); }); }); </script> </head> <body> <body> <input type="text" value="Some text" /> <input type="text" value="to test on" />
</body>
</html></source>
To do something when text in input boxes is selected:
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).select( function () { $("div").text("Something was selected").show().fadeOut(1000); }); }); </script> </head> <body> <body> <input type="text" value="Some text" /> <input type="text" value="to test on" />
</body>
</html></source>
Trigger the select event on all input elements
<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").select( function () { $("div").text("selected").show().fadeOut(1000); }); $("input").select(); }); </script> </head> <body> <body> <input type="text" value="Some text" />
</body>
</html></source>