onclick 事件

定义和用法

onclick 事件会在对象被点击时发生。

请注意， onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。

语法

  1. onclick="SomeJavaScriptCode"
参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

  1. <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, 
  2. <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, 
  3. <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, 
  4. <li>, <map>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, 
  5. <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, 
  6. <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象：

  1. button, document, checkbox, link, radio, reset, submit

实例 1

在本例中，当按钮被单击时，第一个输入框中的文本会被拷贝到第二个输入框中：

  1. <html>
  2. <body>
  3.  
  4. Field1: <input type="text" id="field1" value="Hello World!">
  5. <br />
  6. Field2: <input type="text" id="field2">
  7. <br /><br />
  8. 点击下面的按钮，把 Field1 的内容拷贝到 Field2 中：
  9. <br />
  10. <button onclick="document.getElementById('field2').value=
  11. document.getElementById('field1').value">Copy Text</button>
  12.  
  13. </body>
  14. </html>

输出：

Field1:

Field2:

点击下面的按钮，把 Field1 的内容拷贝到 Field2 中：