轻松上手,快乐学习!

HTML onclick 事件属性


实例

当单击鼠标时运行脚本:

<button onclick="myFunction()">Click me</button>
亲自试一试 »

下面有更多实例。


定义和用法

onclick 属性在单击鼠标时触发。


浏览器支持

事件属性
onclick Yes Yes Yes Yes Yes

语法

<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()">Copy Text</button>
<script>
function myFunction() {
  document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
亲自试一试 »

相关页面

HTML DOM 参考手册: onclick 事件