首页 >web前端 >html教程 > 正文

click在html中用法是什么

原创2021-06-04 14:14:120592

在html中,click的用法是“checkboxObject.click()”。“click()”方法触发“onclick()”事件,用于在checkbox上模拟一次鼠标单击。“click()”方法中再添加函数可以起到追加事件的作用。

本教程操作环境: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>

效果:

GIF.gif

扩展资料:

HTML中click()和onclick()的本质区别与案例和解释;分为四点;

第一点:英文翻译:

On的意思为 :打开,接通,鼠标事件的触发条件;

表明onclick()代表的是一个事件;而在HTML中,click()为方法;

第二点:中文解释:

什么叫事件?什么叫方法?

事件:鼠标事件的触发条件,比如鼠标划出和划进、单击、双击等等

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

简单记为:事件:触发事件,方法:处理过程;

第三点::click()和onclick()的关系

onclick()是绑定事件:作用执行函数代码;

click()本身是方法:作用是触发onclick()事件

推荐学习:html视频教程

以上就是click在html中用法是什么的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:click html
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    css如何设置指定网格的大小和位置454
    css如何定义网格线大小1148
    教你一招搞定css背景图的大小824
    推荐视频教程
  • HTML前端基础第六部HTML前端基础第六部
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • HTML 代码实例HTML 代码实例
  • 前端课程(五郞八卦棍系列)第一棍:HTML5前端课程(五郞八卦棍系列)第一棍:HTML5
  • 新独孤九贱之:HTML5极速入坑新独孤九贱之:HTML5极速入坑
  • 视频教程分类