上一节:
下一节:

  JavaScript HTML DOM onclick 事件

  • onclick 事件

    当用户单击元素时，会发生onclick事件。
    单击按钮时执行JavaScript： 
    <button onclick="myFunction()">点击我</button>
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    事件
    onclick
    支持
    支持
    支持
    支持
    支持

  • 语法

    在HTML中：
    <element ondrag="myScript">
    在JavaScript中：
    object.ondrag = function(){myScript};
    在JavaScript中，使用addEventListener()方法：
    object.addEventListener("click", myScript);
    注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。

  • 技术细节

    项目 描述
    冒泡： 有
    取消： 有
    事件类型： MouseEvent
    支持的HTML标记： 所有HTML元素，除了：<base>，<bdo>，<br>，<head>，<html>，<iframe>，<meta>，<param>，<script>，<style>和<title>
    DOM版本 DOM Event Level 2

  • 更多例子

    单击<p>元素将其文本颜色更改为红色： 
    <p id="demo" onclick="myFunction()">点击我更改我的文字颜色。</p>

<script>
function myFunction() {
  document.getElementById("demo").style.color = "red";
}
</script>
    尝试一下

  • 相关页面

    JavaScript教程：JavaScript事件
    HTML DOM参考：ondblclick事件
    HTML DOM参考：onmousedown事件
    HTML DOM参考：onmouseup事件
返回Event对象参考    返回事件参考
上一节:
下一节: