HTML onclick 事件属性

HTML 事件属性 HTML 事件属性

当单击鼠标时运行脚本:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
    function copyText() {
      document.getElementById("field2").value = document.getElementById("field1").value;
    }
  </script>
</head>
<body>

  字段1: <input type="text" id="field1" value="Hello World!"><br> 字段2: <input type="text" id="field2">
  <br><br>
  <button onclick="copyText()">复制文本</button>

  <p>在按钮点击时触发函数。函数将字段1的文字信息复制到字段2。</p>

</body>
</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 onclick 事件属性

定义和用法

onclick 属性在单击鼠标时触发。

注意： onclick 属性不能应用于以下元素：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。

HTML 4.01 与 HTML5之间的差异

无。

语法

<element onclick="script">

属性值

值 描述
script 规定该onclick事件触发时执行的脚本。
HTML 事件属性 HTML 事件属性