click在html中用法是什么

87 阅读 0 评论 58 点赞

我是靠谱客的博主怕孤独饼干，最近开发中收集的这篇文章主要介绍click在html中用法是什么，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

定义和用法

click() 方法用于在 checkbox 上模拟一次鼠标单击。作用是触发onclick()事件

方法：是处理过程，即对一段自定义的代码封装和打包，方便再利用，避免重复性；

只要执行了元素的click()方法，就会触发onclick()事件。

可以在cliick()方法中再添加函数进行追加事件的作用；

click方法中的function代码会在onclick事件执行完后执行，此时click方法起到追加事件的作用。

语法

checkboxObject.click()
登录后复制

实例

下面的例子可在 checkbox 上模拟一次鼠标点击：

<html>
  <head>
    <script type="text/javascript">
      function clickCheckbox() {
        document.getElementById("check1").click();
      }
    </script>
  </head>
  <body>
    <form>
      <input type="checkbox" id="check1" />
      <br />
      <input type="button" onclick="clickCheckbox()" value="Click checkbox" />
    </form>
  </body>
</html>
登录后复制

效果：