• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • onclick

    定义和用法

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

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

    语法

    <element onclick="script">

    浏览器支持

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

    示例

    字段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>
    <script>
    function copyText()
    {
    document.getElementById("field2").value=document.getElementById("field1").value;
    }
    </script>
    

    HTML 4.01 与 HTML5之间的差异

    无。

    属性值

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

    实例

    当单击鼠标时运行脚本:
    <button onclick="copytext()">复制文本</button>

    上篇:onkeyup

    下篇:ondblclick