onclick 事件

事件对象参考手册 事件对象

当按钮被点击时执行JavaScript代码：:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function myFunction() {
      document.getElementById("demo").innerHTML = "Hello World";
    }
  </script>
</head>
<body>

  <p>单击按钮触发函数。</p>
  <button onclick="myFunction()">点我</button>
  <p id="demo"></p>

</body>
</html>

尝试一下 »

定义和用法

onclick 事件会在元素被点击时发生。

语法

HTML 中:

<element onclick="SomeJavaScriptCode">

JavaScript 中:

object.onclick = function() {
  SomeJavaScriptCode
};

参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 onclick 事件

支持 onclick 事件的 HTML 标签：

onclick 属性可以使用与所有 HTML 元素，除了 ：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.

事件对象参考手册 事件对象