导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

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 事件


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。