位置: 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库)

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

  • 龙之谷工程师配什么宠物(龙之谷工程师pk加点)(龙之谷工程师是物理还是魔法)

    龙之谷工程师配什么宠物(龙之谷工程师pk加点)(龙之谷工程师是物理还是魔法)

  • 喜马拉雅青少年模式在哪(喜马拉雅青少年模式密码忘记了怎么办)

    喜马拉雅青少年模式在哪(喜马拉雅青少年模式密码忘记了怎么办)

  • 淘宝怎么批量申请退货(淘宝怎么批量申请价格保护)

    淘宝怎么批量申请退货(淘宝怎么批量申请价格保护)

  • 钉钉激活怎么弄(钉钉激活怎么弄视频)

    钉钉激活怎么弄(钉钉激活怎么弄视频)

  • 华为nova锁屏时间怎么设置(华为nova锁屏时间调到下方)

    华为nova锁屏时间怎么设置(华为nova锁屏时间调到下方)

  • iphone11快充会有提示吗(苹果11快充会影响电池寿命吗)

    iphone11快充会有提示吗(苹果11快充会影响电池寿命吗)

  • 华为mate30突然黑屏什么原因(华为mate30突然黑屏没反应)

    华为mate30突然黑屏什么原因(华为mate30突然黑屏没反应)

  • 注册苹果id用什么邮箱(注册苹果id用什么邮箱好)

    注册苹果id用什么邮箱(注册苹果id用什么邮箱好)

  • 7.1声道和5.1声道的区别(7.1声道和5.1声道哪个效果好)

    7.1声道和5.1声道的区别(7.1声道和5.1声道哪个效果好)

  • 苹果73d touch功能在哪里开启(苹果73d touch怎么打开)

    苹果73d touch功能在哪里开启(苹果73d touch怎么打开)

  • nova7双卡双待吗(nova7双卡双待吗?)

    nova7双卡双待吗(nova7双卡双待吗?)

  • 钢化膜多久换一次(钢化膜多久换一次摔过)

    钢化膜多久换一次(钢化膜多久换一次摔过)

  • ipad pro 2020可以用pencil一代吗(ipad pro 2020可以取代笔记本吗)

    ipad pro 2020可以用pencil一代吗(ipad pro 2020可以取代笔记本吗)

  • 苹果11是5g还是4g(苹果12是5G还是4G)

    苹果11是5g还是4g(苹果12是5G还是4G)

  • 国行a1586支持移动4g吗(a1586支持电信吗)

    国行a1586支持移动4g吗(a1586支持电信吗)

  • 制冷量12000w是多少匹(制冷量12000w是多少匹一小时多少度电)

    制冷量12000w是多少匹(制冷量12000w是多少匹一小时多少度电)

  • 抖音怎样扫一扫加好友(抖音怎样扫一扫才能关注)

    抖音怎样扫一扫加好友(抖音怎样扫一扫才能关注)

  • vlog和视频的差别(vlog和短视频意思一样吗)

    vlog和视频的差别(vlog和短视频意思一样吗)

  • 微信自动扣款怎么关闭(微信自动扣款怎么设置扣款顺序)

    微信自动扣款怎么关闭(微信自动扣款怎么设置扣款顺序)

  • 淘宝延长收货啥意思(淘宝延长收货啥用)

    淘宝延长收货啥意思(淘宝延长收货啥用)

  • 抖音怎么找同款特效(抖音怎么找同款衣服)

    抖音怎么找同款特效(抖音怎么找同款衣服)

  • 网络编程是做什么的(网络编程有什么用)

    网络编程是做什么的(网络编程有什么用)

  • qq邮箱被拦截的邮件如何恢复(QQ邮箱被拦截的邮件)

    qq邮箱被拦截的邮件如何恢复(QQ邮箱被拦截的邮件)

  • 高手养成计划基础篇-Linux第一季(高手成长礼包)

    高手养成计划基础篇-Linux第一季(高手成长礼包)

  • 【已解决】安装cv2时Building wheel for opencv-python终端卡死(【安装 】)

    【已解决】安装cv2时Building wheel for opencv-python终端卡死(【安装 】)

  • 神经辐射场NeRF之Instant-ngp环境搭建与应用(神经辐射场nerf三维重建入门)

    神经辐射场NeRF之Instant-ngp环境搭建与应用(神经辐射场nerf三维重建入门)

  • 聊聊Discuz怎么修改帖子标题的字符长度限制(discuz论坛账号)

    聊聊Discuz怎么修改帖子标题的字符长度限制(discuz论坛账号)

  • 法定免税项目包括
  • 个人专项扣除需要扣税吗
  • 怎么查纳税人信用等级
  • 收到投资款需要交税吗?
  • 核定征收可以无发票做账吗
  • 企业不得将生产经营项目、场所
  • 受赠房产转让可以免个税
  • 收到的货款与发票数不符,怎么做账
  • 现金日记账支出是记借还是贷
  • 借入款项的来源包括哪三个
  • 房地产公司要做数据分析吗
  • 过期的增值税发票能用吗
  • 从境外取得的佣金
  • 建筑企业小规模纳税标准
  • 小规模纳税人隔月可以作废发票吗
  • 增值税应纳所得额是什么意思
  • 劳务税在地税局开还是国税局
  • 野生药才收购网
  • 企业减免所得税
  • 1697507802
  • 物业费需要摊销吗?
  • 工地购买的零星材料计入什么科目
  • 周转材料月末有余额吗
  • 内部应收账款计算公式
  • 如何编制处置固定资产
  • 公司备用金属于夫妻财产吗
  • 主板bios在线升级
  • 旅游服务业账务处理办法
  • 商标注册费用
  • info.exe
  • linux中怎么安装GUI
  • 资本溢价是
  • 保证金结息的会计分录
  • incognito.exe
  • 无线路由器怎么连接
  • launcher.exe什么意思
  • thinkphp config
  • 产品成本核算应正确划分哪些方面的费用界限
  • 圣克鲁斯岛战役
  • 转让旧固定资产怎么做账
  • 物业公司购买空调合法吗
  • thinkphp跨域解决方案
  • vuescan怎么安装
  • 初级职称到中级职称需要上继续教育课吗
  • 网络安全文章1000字
  • 公司年底封账时间
  • 增值税改动
  • 没有银行回单,只有银行对账单,可以入账吗
  • 生产车间发放工资
  • 装卸搬运的设备有哪些
  • 发票金额大于实付金额
  • 利息收入是一级科目还是
  • 应交税金期末为负数
  • 出口没做免税申请怎么办
  • 筹建期发生的费用怎么申报
  • 生产成本福利费如何分摊
  • 金税盘缴销发票
  • 企业支付宝提现到对公账户要交税吗
  • 注册资本实缴后钱怎么出来
  • 密码区出框
  • 建账的要点
  • 这么查看
  • Navicat连接MySQL报错
  • win10手机版微信uwp下载
  • win732位系统怎么装
  • ipguard关闭进程
  • windows资源管理器在哪个文件夹
  • ,linux
  • 浅谈一下新冠的好处
  • [OpenGL ES 04]3D变换实践篇:平移,旋转,缩放
  • 怎么把perl删除干净
  • 微信小程序访问相册权限在哪里
  • python访问地址
  • node怎么实现多线程
  • 广州电子税务局财务报表在哪里查询
  • 税务部门协作
  • 年度纳税申报基础信息表怎么填
  • 双公开双反馈什么意思
  • 税务有问题会罚多少钱?
  • 广州代理记账公司地址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设