美文网首页
绑定事件的方式

绑定事件的方式

作者: 王猪干 | 来源:发表于2019-06-10 00:43 被阅读0次

第一种

HTML事件处理程序
image.png
image.png

这种就是在行内绑定事件,不过缺点是太麻烦,事件最后才加载,用户触发事件的时候还没加载完就会引发错误;

第二种

DOM 0 级处理事件
绑定事件
image.png

只能绑定一个事件,同样元素再次绑定会覆盖原有的,按绑定顺序定先后

解绑事件
image.png

第三种

DOM 1 级处理事件
同个元素绑定多个事件
image.png
第一个参数:要处理的事件名
第二个参数:处理程序的函数
第三个参数:是否在捕获阶段调用事件处理程序
  true:在捕获阶段调用事件处理程序
  false:在冒泡阶段调用事件处理程序
  友情提示,默认为false,要想转为捕获,那每个要捕获的元素第三个参数都设为true;
解绑事件
image.png
解绑的话只能是单另设置一个函数,直接解上面设置的行内函数是不行的,亲测给上面函数加函数名 但是不行
image.png
image.png

不支持这样的语法

相关文章

  • 025 JS事件

    JS事件 ********* 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式...

  • 2018-10-18

    JS事件 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数eve...

  • js事件

    JS事件 事件绑定方式 事件对象 事件传播流 事件代理 一、事件绑定方式 方式一:通过HTML标签行间属性内绑定 ...

  • JS第六天

    JS事件 一、事件的两种绑定方式 代码示例: 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数event...

  • jquery事件

    事件函数列表: 绑定事件的其他方式: 取消绑定事件:

  • 从零玩转jQuery-事件处理

    事件绑定 jQuery中事件绑定有两种方式eventName(function(){})绑定对应事件名的监听, ...

  • 第七节:Vue指令:v-on事件的绑定与问题

    1.理解Vue事件的绑定方式 1.1 原生行内事件绑定 说明: vue采用行内事件绑定的方式. 因此在学习vue事...

  • Web基础之jQuery(二)

    事件 绑定事件:1)方式一:bind( type,function(){} ) 2)方式二(绑定的简写形式):cl...

  • jQuery-事件操作

    事件绑定 jQuery中事件绑定有两种方式eventName(fn) 绑定对应事件名的监听on(eventName...

  • 事件解绑

    用什么方式绑定事件就应该用什么方式解绑事件 解绑事件: 对象.on事件名字=事件处理函数--->绑定事件对象.on...

网友评论

      本文标题:绑定事件的方式

      本文链接:https://www.haomeiwen.com/subject/hnwoxctx.html