onclick 与click的区别

我们经常会在Dom对象上添加 onclick 或在页面加载完成时为对象添加click方法

click与onclick区别总结如下

1、click是对象的方法,onclick是事件,当我们点击按钮是,首先触发的是事件,然后是方法,举个栗子

<button id="test_btn" onclick="textOnclick()"  ></button>

$('#test_btn').click(function(){

    alert("click执行");

})

function textOnclick(){

    alert("onclick执行");

}

我们会发现,当我们点击按钮时,首先执行onclick,然后执行click,因为onclick是按钮的点击事件,首先触发事件,而后触发事件的点击方法,也就是说即便我们不添加点击方法,当我们点击时也会触发点击事件

2、方法可直接直接,事件只能触发,也就是说,方法可以以其他方式执行,而对于按钮的点击事件需要进行点击触发

3、关系 事件---触发函数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,814评论 2 17
  • 今天面试回来,稍微整理下今天被问到的题目,呀,回答的是乱七八糟,最后百度整理下,以供以后学习。 1,vue 中事件...
    AlisaMfz阅读 482评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,199评论 0 1
  • 减肥如何防止反弹? 减肥者往往超过80%的人会遭遇“屡战屡败”的状况,而减肥品的“不反弹”又被人误解为减肥成功后,...
    唯美感情学阅读 96评论 0 0
  • 我的QQ列表里有300多个好友,50多个群,我曾经可以在和别人聊天闲侃的时候为拥有这么“庞大”的数字集体而感到得瑟...
    也么哥阅读 9,789评论 59 257