HTML onclick 事件屬性
更多“自己嘗試”的例子見下文。
定義和用法
onclick 屬性在元素被滑鼠點選時觸發。
瀏覽器支援
事件屬性 | |||||
---|---|---|---|---|---|
onclick | 是 | 是 | 是 | 是 | 是 |
語法
<element onclick="script">
屬性值
值 | 描述 |
---|---|
script | onclick 時要執行的指令碼 |
技術詳情
支援的 HTML 標籤 | 所有 HTML 元素,除了:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title> |
---|
更多示例
示例
點選一個 <p> 元素將其文字顏色更改為紅色
<p id="demo" onclick="myFunction()">點選我更改我的文字顏色。</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
自己動手試一試 »
示例
點選一個按鈕將文字從一個輸入欄位複製到另一個輸入欄位
<button onclick="myFunction()">複製文字</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
自己動手試一試 »
相關頁面
HTML DOM 參考:onclick 事件
❮ HTML 事件屬性