HTML onclick 事件属性
鼠标点击元素时触发
示例
单击按钮时执行 JavaScript:
单击按钮时会触发一个函数。 该函数在 id="demo" 的 p 元素中输出一些文本。
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
Show Code
定义和使用
onclick 属性在鼠标单击元素时触发。
浏览器支持
事件属性
onclick
Yes
Yes
Yes
Yes
Yes
语法
属性值
值 Value
描述 Description
script
要在 onclick 上运行的脚本
技术细节
支持的 HTML 标签:
所有 HTML 元素,除了:
, , ,
Show Code
单击我以更改我的文本颜色。
function myFunction() {
document.getElementById("demo").style.color = "red";
}
单击一个按钮将一些文本从一个输入字段复制到另一个输入字段:
Field1:
Field2:
单击按钮时会触发一个函数。 该函数将文本从 Field1 复制到 Field2。
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
Show Code
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
Show Code
HTML 索引 (字母排序)
GitHub 上编辑此页
2022/05/10