onclick 事件

w3school 在线教程

## JS & DOM 参考手册

- 参考手册目录

## JavaScript 对象

- JS Array
- JS Boolean
- JS Date
- JS Math
- JS Number
- JS String
- JS RegExp
- JS Functions
- JS Events

## Browser 对象

- Window
- Navigator
- Screen
- History
- Location

## HTML DOM 对象

- DOM Document
- DOM Element
- DOM Attribute
- DOM Event

## HTML 对象

- <a>
- <area>
- <audio>
- <base>
- <body>
- <blockquote>
- <button>
- <canvas>
- <col>
- <colgroup>
- <datalist>
- <del>
- <details>
- <dialog>
- <embed>
- <fieldset>
- <form>
- <frame>
- <frameset>
- <iframe>
- <img>
- <ins>
- <input> button
- <input> checkbox
- <input> color
- <input> date
- <input> datetime
- <input> datetime-local
- <input> email
- <input> file
- <input> hidden
- <input> image
- <input> month
- <input> number
- <input> password
- <input> range
- <input> radio
- <input> reset
- <input> search
- <input> submit
- <input> text
- <input> time
- <input> url
- <input> week
- <keygen>
- <label>
- <legend>
- <li>
- <link>
- <map>
- <menu>
- <menuitem>
- <meta>
- <meter>
- <object>
- <ol>
- <optgroup>
- <option>
- <param>
- <progress>
- <q>
- <script>
- <select>
- <source>
- <style>
- <table>
- <td>
- <th>
- <tr>
- <textarea>
- <time>
- <title>
- <track>
- <video>

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# onclick 事件

Event 对象

## 定义和用法

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

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

### 语法

    onclick="SomeJavaScriptCode"

参数 | 描述
--- | ---
SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。

### 支持该事件的 HTML 标签：

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

### 支持该事件的 JavaScript 对象：

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

## 实例 1

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

    <html>
    <body>

    Field1: <input type="text" id="field1" value="Hello World!">
    <br />
    Field2: <input type="text" id="field2">
    <br /><br />
    点击下面的按钮，把 Field1 的内容拷贝到 Field2 中：
    <br />
    <button onclick="document.getElementById('field2').value=
    document.getElementById('field1').value">Copy Text</button>

    </body>
    </html>

### 输出：

Field1:

Field2:

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

## TIY

onclick
  如何使用 onclick

Event 对象