当前位置:首页 > Web开发 > 正文

function(event){}) 5.1、阻止事件冒泡的方式 事件冒泡:开始时由最具体的元素接收

2024-03-31 Web开发

  1.1、注册事件概述

    给元素添加事件,称为注册事件或者绑定事件

    注册事件有两种方法:传统方法和要领监听注册方法

      @传统注册方法:

        操作on开头的事件onclick    

        特点 注册事件的独一性。 同一个元素同一个事件只能设置一个措置惩罚惩罚函数,最后注册的措置惩罚惩罚函数将会笼罩前面的注册的措置惩罚惩罚函数

      @要领监听注册方法

        w3c标准 保举方法

        addEventListener()它是一个要领

        IE9之前不撑持要领可以用attachEvent()取代

        特点:同一个元素同一个事件可以注册多个监听器

        按注册挨次依次执行

  1.2、addEventListener 事件监听方法

    eventTarget.addEventListenner(type,listener[,useCapture])

    eventTarget.addEventListenner要领将指定的监听器注册到eventTarget(方针东西)上当该东西触发指定的事件时,就会执行事件措置惩罚惩罚函数

    要领的接收的单个参数

      type:事件类型字符串 好比  click  mou搜索引擎优化ver 

      listener:事件措置惩罚惩罚函数 事件法师时 会挪用该监听函数

      useCaptrue:可选参数 时一个布尔值  默认时false

  2.1、删除事件

    1、传统注册方法

      eventTarget.onclick=null

    2、要领监听注册方法

      eventTarget.removeEventListener(type,listener,[usecapture])

       

  3、

  4、事件东西

    1、什么时事件东西

      官方解释:event东西代表事件的状态,好比键盘按键的状态、鼠标的位置、鼠标按键的状态   简单理解:事件产生后跟事件相关的一系列信息数据的调集都放到这个东西里面,这个东西就是事件东西event,它有很多属性和要领。

        eventTarget.addEventListener(‘click‘,function(event){})

  5.1、阻止事件冒泡的方法

    事件冒泡:开始时由最具体的元素接收,然后逐级向上流传到DOM最顶层节点

    事件冒泡自己的特性会带来坏处,,也会带来好处,需要我们灵活掌握

    阻止事件冒泡

      操作事件东西里的stopPropagation()要领

      e.stopPropagation()

  6、事件委托

    事件委托道理:

      不是每个子节点单独设置事件监听器,而是事件监听器设置在父节点上,然后操作冒泡道理影响每个子节点

    事件委托的感化

      我们只操纵一此DOM,提高了运行效率。

  7.1常用的鼠标事件  

    1.禁止鼠标右键菜单

      contextmenu 主要控制何时显示上下文菜单,主要用于打消默认的上下文菜单

      

1 document.addEventListener(‘contextmenu‘ function(e){ 2 e.preventDefault() 3 })

    2.禁止鼠标选中(selectstart)

1 document.addEventListener(‘selectstart‘ function(e){ 2 e.preventDefault() 3 })

  8.7、常用的键盘事件

    onkeyup 键盘被松开时触发、 onkeydown 键盘被按下时触发  onkeypress键盘被按下时触发 成果键不能识别

  

        ~

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31970.html