JavaScript Reference/Javascript Methods/focus

Материал из Web эксперт
Версия от 08:22, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"focus()" Example

    
<html>
<body>
<script language="JavaScript">
    function function1() {
        document.all.myElement.focus();
    }
    function function2() {
        alert("onFocus event has been fired");
    }
</script>
<input id="myElement" type="text" value="" onfocus="function2();">
<input type="button" 
       value="Give focus to the text input element and fire the event" 
       onclick="function1();">
</body>
</html>



"focus()" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<area>                          <b>                           |
|                |<bdo>                           <big>                         |
|                |<blockquote>                    <body>                        |
|                |<button>                        <caption>                     |
|                |<center>                        <cite>                        |
|                |<custom>                        <dd>                          |
|                |<del>                           <dfn>                         |
|                |<dir>                           <dl>                          |
|                |document                        <dt>                          |
|                |<em>                            <embed>                       |
|                |<fieldset>                      <font>                        |
|                |<form>                          <frame>                       |
|                |<frameset>                      <hn>                          |
|                |<hr>                            <i>                           |
|                |<iframe>                        <img>                         |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<input type="reset">            <input type="submit">         |
|                |<input type="text">             <ins>                         |
|                |<isindex>                       <kbd>                         |
|                |<label>                         <legend>                      |
|                |<li>                            <listing>                     |
|                |<marquee>                       <menu>                        |
|                |<object>                        <ol>                          |
|                |<p>                             <plaintext>                   |
|                |<pre>                           <q>                           |
|                |<rt>                            <ruby>                        |
|                |<s>                             <samp>                        |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           window                        |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"focus()" Syntax, Parameters and Note

Note:
Gives focus to an element and fires the onFocus event handler.
    
Syntax:
    
document.getElementById("elementID").focus()
document.all.elementID.focus() // IE only