onclick 事件
定義和用法
onclick 事件會在對象被點(diǎn)擊時(shí)發(fā)生。
請注意, onclick 與 onmousedown 不同。單擊事件是在同一元素上發(fā)生了鼠標(biāo)按下事件之后又發(fā)生了鼠標(biāo)放開事件時(shí)才發(fā)生的。
語法
onclick="SomeJavaScriptCode"
參數(shù) | 描述 |
---|---|
SomeJavaScriptCode | 必需。規(guī)定該事件發(fā)生時(shí)執(zhí)行的 JavaScript。 |
支持該事件的 HTML 標(biāo)簽:
<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
實(shí)例 1
在本例中,當(dāng)按鈕被單擊時(shí),第一個(gè)輸入框中的文本會被拷貝到第二個(gè)輸入框中:
<html>
<body>
Field1: <input type="text" id="field1" value="Hello World!">
<br />
Field2: <input type="text" id="field2">
<br /><br />
點(diǎn)擊下面的按鈕,把 Field1 的內(nèi)容拷貝到 Field2 中:
<br />
<button onclick="document.getElementById('field2').value=
document.getElementById('field1').value"
>Copy Text</button>
</body>
</html>
輸出:
Field1:
Field2:
點(diǎn)擊下面的按鈕,把 Field1 的內(nèi)容拷貝到 Field2 中:
TIY
- onclick
- 如何使用 onclick