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

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)

(2). 非IE浏览器:

addEventListener(event,function,userCapture) event不能加句柄on;

userCapture指定捕获还是冒泡

4.滚轮事件

1  .火狐浏览器 

   DOMMouseScroll  通过添加事件添加

    event.detail

2  .非火狐浏览器使用mousewheel   


     

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值