HTML onclick 事件属性
下面有更多实例。
定义和用法
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>
亲自试一试 »
<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>
亲自试一试 »
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
相关页面
HTML DOM 参考手册: onclick 事件
