位置: IT常识 - 正文

JS中的事件监听(js监听事件和处理事件)

编辑:rootadmin
JS中的事件监听 什么是“事件监听”

推荐整理分享JS中的事件监听(js监听事件和处理事件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js怎么实时监听对象变化,js监听hover事件,js怎么实时监听对象变化,js控件的监听事件怎么使用,js监听hover事件,js监听数据变化触发事件,js控件的监听事件怎么使用,js监听hover事件,内容如对您有帮助,希望把文章链接给更多的朋友!

DOM允许我们书写JS代码,来让HTML元素对事件作出反应;

事件:用户与网页的交互动作;eg:点击网页;

JS中的事件监听(js监听事件和处理事件)

监听:是为了让计算机随时能够发现这个事件发生了,从而执行程序员预先编写的一些程序;

设置事件监听的方法主要有onxxx和addEventListener()两种;

最简单的设置事件监听的方法

设置它们的onxxx属性;

oBox.onclick = function () { // 点击盒子时,将执行这里的语句}常见的鼠标事件监听事件名事件描述onclick当鼠标单机某个对象ondblclick当鼠标双击某个对象onmousedown当某个鼠标按键在某个对象上被按下onmouseup当某个鼠标按键在某个对象上被松开onmousemove当某个鼠标按键在某个对象上被移动onmouseenter当鼠标进入某个对象(相似事件onmouseover)onmouseleave当鼠标离开某个对象(相似事件onmouseout)常见的键盘事件监听事件名事件描述onkeypress当某个键盘的键被按下(系统按钮,如箭头键和功能键无法得到识别)onkeydown当某个键盘的键被按下(系统按钮可以识别,并且会先于onkeypress发生)onkeyup当某个键盘的键被松开常见的表单事件监听事件名事件描述

onchange

当用户改变某个表单域的内容时,会触发onfocus当某元素获得焦点(比如tab键或鼠标点击)onblur当某元素失去焦点onsubmit当表单被提交onreset当表单被重置常见的页面事件监听事件名事件描述onload当页面或图像被完成加载onunload当用户退出页面事件的传播

先从外到内(捕获阶段),然后再从内到外(冒泡阶段)

而,onxxx这样的写法(DOM0级),只能监听冒泡阶段;所以需要用到addEventListener()方法(DOM2级);

oBox1.addEventListener('click', function(){ // 这是事件处理函数}, true) // true表示监听捕获阶段,false表示监听冒泡阶段注意事项最内部的元素不再区分捕获和冒泡阶段,会先执行写在前面的监听,然后执行后写的监听;如果给元素设置相同的两个或多个同名事件,则DOM0级写法后面写的会覆盖先写的;而DOM2级会按顺序执行;
本文链接地址:https://www.jiuchutong.com/zhishi/298436.html 转载请保留说明!

上一篇:Python lxml库的安装和使用(python怎么安装lxml库)

下一篇:前端实现文件下载的方法(前端实现文件下载列表)

  • 电脑设置ip地址怎么设置(电脑设置ip地址和dns怎么设置)

    电脑设置ip地址怎么设置(电脑设置ip地址和dns怎么设置)

  • 微信在哪修改扫一扫优先支付(微信在哪修改扫一扫优先支付 不是扫的时候才修改)

    微信在哪修改扫一扫优先支付(微信在哪修改扫一扫优先支付 不是扫的时候才修改)

  • 支付宝订阅管理在哪里(支付宝 我的订阅)

    支付宝订阅管理在哪里(支付宝 我的订阅)

  • 小米手机的语音助手叫什么呢(小米手机的语音播报功能在哪里设置)

    小米手机的语音助手叫什么呢(小米手机的语音播报功能在哪里设置)

  • 苹果如何识别图片二维码(苹果如何识别图片转文字)

    苹果如何识别图片二维码(苹果如何识别图片转文字)

  • 神经网络引擎是什么(a13神经网络引擎)

    神经网络引擎是什么(a13神经网络引擎)

  • ipad mini5支持pd快充吗(ipad mini5 pd快充支持几w)

    ipad mini5支持pd快充吗(ipad mini5 pd快充支持几w)

  • 苹果qq视频退出看不见怎么设置(苹果qq视频退出qq后悬浮窗)

    苹果qq视频退出看不见怎么设置(苹果qq视频退出qq后悬浮窗)

  • 华为mate是什么意思(华为mate系列属于什么档次)

    华为mate是什么意思(华为mate系列属于什么档次)

  • ac模式什么意思(ac模式是什么意思)

    ac模式什么意思(ac模式是什么意思)

  • 低版本手机如何用微信(低版本手机如何下载微信)

    低版本手机如何用微信(低版本手机如何下载微信)

  • 目前有全球定位系统的国家有(目前有全球定位系统的国家有哪些?A英国)

    目前有全球定位系统的国家有(目前有全球定位系统的国家有哪些?A英国)

  • 微信打不开等待中怎么回事(微信突然打不开显示等待)

    微信打不开等待中怎么回事(微信突然打不开显示等待)

  • vivox27左侧键是干嘛的(vivox27按键功能)

    vivox27左侧键是干嘛的(vivox27按键功能)

  • iphone保修包括哪些(iphone保修包括哪些内容)

    iphone保修包括哪些(iphone保修包括哪些内容)

  • iphonex闪烁灯怎么打开(苹果x一闪一闪)

    iphonex闪烁灯怎么打开(苹果x一闪一闪)

  • 小米8充电器接口叫什么(小米充电器接触不良怎么办 高手来教你几招)

    小米8充电器接口叫什么(小米充电器接触不良怎么办 高手来教你几招)

  • 微信发哪些文字会有特效(微信发哪些文字会有特效2023)

    微信发哪些文字会有特效(微信发哪些文字会有特效2023)

  • 手机青少年模式怎么开启(手机青少年模式什么意思)

    手机青少年模式怎么开启(手机青少年模式什么意思)

  • 1gb是多少mb流量(一g是多少mb流量)

    1gb是多少mb流量(一g是多少mb流量)

  • 手表计步器怎么用(手表计步器怎么同步到微信)

    手表计步器怎么用(手表计步器怎么同步到微信)

  • 为什么响两声说通话中(为什么喊两声)

    为什么响两声说通话中(为什么喊两声)

  • ctrl加哪个键可以多选(ctrl加哪个键可以不规则多选)

    ctrl加哪个键可以多选(ctrl加哪个键可以不规则多选)

  • 苹果怎么发短信满屏飞(苹果怎么发短信给陌生人)

    苹果怎么发短信满屏飞(苹果怎么发短信给陌生人)

  • 华为rcs服务是什么(rcs_service是什么)

    华为rcs服务是什么(rcs_service是什么)

  • c语言strcat_s函数的原理(c语言strncat函数用法)

    c语言strcat_s函数的原理(c语言strncat函数用法)

  • 应交税金和应交税费有啥区别
  • 商贸流通企业出口退税的会计处理怎么做
  • 小规模纳税人租赁不动产税率
  • 办理出口退税时间要求
  • 开具电费发票如何入账?
  • 无力支付什么意思
  • 每月工资个税为零
  • 对方把发票丢了可以重开吗
  • 期末小规模纳税人差额纳税的会计处理分析
  • 多计提的应收账款如何调整
  • 企业借款给个人合法吗
  • 商场超市印花税怎么样
  • 现金支付和个人自费
  • 存款利息收入是免税还是不征税
  • 对外工程承包企业
  • 关闭guest账户
  • 若依框架入门
  • 对某公司的了解
  • 疫情期间企业贷款利率多少
  • 汽车维修费可以入账吗
  • 在win7中,打开资源管理器的快捷键
  • 电子商票到期后多少天有效?
  • PHP:pg_get_result()的用法_PostgreSQL函数
  • 睡莲怎样养
  • 购买商品或服务赠品法律地位
  • laravel 入门
  • 在金税卡里面如何交社保
  • 年底有留抵税额怎么结转
  • 固定资产未提完折旧可以报废吗
  • php gettext
  • php弹出登录框
  • php 注入
  • 库存商品用于研发要进项税额转出吗
  • 税务机关代开的增值税专用发票不含税销售额是什么意思
  • 帝国cms生成app
  • mysqli删除
  • Mysql LONGTEXT 类型存储大文件(二进制也可以) (修改+调试+整理)
  • 向农业生产者收购的原木 进项
  • 销售返利的会计分录 东奥
  • 存款利息收入应计入收入总额吗
  • 收到的稳岗补贴是否需要交税
  • 盈利能力分析对企业发展的意义
  • 去税务局核定税种多久生效
  • 收到税务局退增值税怎么入账
  • 出差补贴应该怎么入账
  • 公交卡充值发票怎么开
  • 出售无形资产属什么科目
  • 债务人以低于债务账面价值的现金清偿某项债务
  • sql判断字段是否包含数字和字母
  • mysql数据库数据备份
  • mysql ERROR 1044 (42000): Access denied for user ''@'localhost' to database
  • sql 常用语录
  • 怎样设置windows不更新
  • win8无法正常启动你的电脑
  • linux 下VSFTP 530 Permission denied错误的解决方法
  • aow exe是什么
  • avc文件用什么打开
  • mmc.exe是什么
  • windows7桌面右击
  • windows 8whql
  • 电脑显示无windows
  • linux指定格式显示日期
  • 通过u盘安装win11
  • win10如何彻底关掉自动锁屏
  • win8杀毒软件关闭
  • 教你在heroku云平台上部署Node.js应用
  • 安卓布局优化
  • bat 命令大全
  • python视频下载
  • ajax简单实例
  • node搭建项目
  • 如何查发票是否作废
  • 广东省地方税务局历任局长
  • 小规模开了红字发票申报表怎么填
  • 农业方面有哪些专业
  • 经开区税务局党委委员 副局长 杨兴爱
  • 因公出差伙食补助标准
  • 房产税可以抵扣增值税吗
  • 苏州吴江区事业单位2023成绩公布
  • 深圳市国家税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设