首页 > 其他分享 >DOM之方法 事件监听 addEventListener

DOM之方法 事件监听 addEventListener

时间:2023-03-28 23:36:31浏览次数:36  
标签:鼠标 DOM 点击 事件 addEventListener 监听 光标

?

就是HTML标签受到鼠标点击后、经过后、点击输入文字后等操作之后能触发函数功能的操作


use

语法: DOM对象.addEventListener('事件类型',function(){})

三步: DOM对象、事件类型、触发函数

事件类型


鼠标事件:

  • 鼠标点击 'click'
  • 鼠标经过 'mouseenter'
  • 鼠标离开 'mouseleave'

焦点事件(搜索光标):

  • 点击光标后 'focus'
  • 失去光标后 'blur'

键盘事件

  • 键盘按下后 'keydown'
  • 键盘弹起来后 'keyup'

文本输入事件

  • 文本输入的文字,输入就有触发并且能拿到文字 'input' console.log(input.value)就能拿到文字

notice

  • 函数就是赋值了给事件类型的名字 click就是里面定义的匿名函数的名字
  • 事件Event方法包定时器setInterval 实现鼠标点击后随机闪烁抽奖名单

标签:鼠标,DOM,点击,事件,addEventListener,监听,光标
From: https://www.cnblogs.com/handsomepp/p/17267188.html

相关文章

  • 科普什么是DC域控制器(Domain Controller)
    一个域描述了一组用户、系统、应用程序、网络、数据库服务器和其他任何资源,这些资源都受到一组共同的管理规则的控制。通常,一个域还包括一个物理空间,比如一个办公室或多个办......
  • Vue的$nextTick完成后获取渲染后的dom数据
    问题是这样滴:需要在div的内容更新后获取div的高度,如果在更新值后马上获取,则高度还是之前的,需要在$nextTick中获取,但是呢这个高度需要返回给上层函数用做比较,所以就想$......
  • 第四篇 html5 - 新特性【 Dom操作类 + 自定义标签属性 】
    html5新增Dom操作类1、classList当前元素的所有样式列表2、add()添加类3、remove()删除类4、toggle()有就移出,没有就添加5、contains()是否包含某个类,包......
  • 第五篇 html5 - 新特性【 网络监听接口 + 全屏接口 】
    html5新增网络监听接口1、online2、offlineonline网络联通的时候触发这个事件window.addEventListener("online",function(){ console.log("连接上网络了!"......
  • DOM与SAX的区别
    DOM与SAX的区别 (2011-05-0818:48)DOM是复杂对象处理的首选,比如当XML比较复杂的时候,或者当你需要随机处理文档中数据的时候。SAX从文档的开始通过每一节点移动,以......
  • dom4j 解析xml string 字符串
    packagedom4j;importjava.util.Iterator;importorg.dom4j.Document;importorg.dom4j.DocumentException;importorg.dom4j.DocumentHelper;importorg.dom4j.......
  • 利用dom4j修改XML数据_进行增删改查【最新】
    下面只发studentDao与util的源码:代码已经测试过了,没有问题,如果有需要的调整,会修改,如有错误请帮忙改正,下午整理了一下修改,其实跟查询差不多,只是设置一下元素体即可,代码已经更......
  • JS之BOM、DOM
    https://www.cnblogs.com/12345huangchun/p/10171146.html一、BOM对象1,window对象所有浏览器都支持window对象,从概念上讲:一个HTML文档对应一个window对象,从功能......
  • 监听器的使用
      使用方式:1、类上添加注解  2、在xml文件中配置    ......
  • 监听器介绍
     一、对象监听器:1、ServletContextListener:用于监听ServletContext对象的创建和销毁      2、HttpSessionListener:用于监听HttpSession对象 ......