最新的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事件属性