事件类型2(DOM事件绑定、以及滚轮事件)

这篇博客详细介绍了UI事件,包括load、resize和scroll事件,并深入探讨了DOM事件绑定,包括DOM0级和DOM2级事件的差异。特别讨论了在不同浏览器中DOM2级事件的实现方式。此外,还讲解了滚轮事件的处理,针对火狐和非火狐浏览器的不同事件名称和处理方式进行了区分。
摘要由CSDN通过智能技术生成

1.UI事件(不一定与用户操作有关的事件)

(1).load当页面完全加载后在window上触发,图片也可以触发load事件;

(2).resize当窗口大小变化时window上触发(除火狐外其他浏览器窗口变化1像素时就触发事       件,而火狐是在用户停止调整窗口大小时才会触发。不建议在此时中加入大计算量代码。因为可   能频繁执行,导致浏览器速度便面。另外窗口最大最小也会触发事件)

(3).scroll当用户滚动带滚动条元素中的内容时,在该元素上面触发

2.DOM事件绑定

(1).DOM0级事件

所有浏览器都支持,事件只能注册一次,后边的会覆盖旧的;

注册方式:

1).在html上添加<div οnclick="alert('hello')"></div>

2).函数匿名 d.onclick = function(){} this指向自身

3).普通函数οnclick="ok()";(相当于动态调用,this指向window, 没有事件参数e的传递

3.DOM2级事件

(1).IE浏览器:

attachEvent(event,function), 其中event要加on; detachEven(event,function)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值