最新的Web開發教程
 

HTML onclick事件屬性

<HTML事件屬性

執行JavaScript的一個按鈕被點擊時:

<button onclick="myFunction()">Click me</button>
試一試»

更多“試一試”的例子。


定義和用法

onclick屬性的元素上點擊鼠標火災。


瀏覽器支持

事件屬性
onclick

HTML 4.01和HTML5之間的差異

沒有。


句法

<elementonclick=" script ">

屬性值

描述
script 該腳本中的onclick運行

技術細節

支持的HTML標籤: 所有的HTML元素,除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

更多示例

點擊上的<p>元素,它的文本顏色更改為紅色:

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>
試一試»

點擊一個按鈕,一些文本從輸入字段到另一個輸入字段複製:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
試一試»

相關頁面

HTML DOM參考: onclick event


<HTML事件屬性