JS:事件-高级

【事件绑定】
作用:防止前一个覆盖后一个事件;
IE方式
    attachEvent(事件名称,函数),绑定事件处理函数;
    detachEvent(事件,函数),解除绑定;
oBtn.attachEvent("onclick", function(){});
DOM方式
    addEventListener(事件,函数,捕获)
    removeEventListener(事件名称,函数,捕获)
oBtn.addEventListener("click", function(){},false);
何时使用事件绑定
    绑定事件和this
    绑定匿名函数会无法删除;
【高级拖拽-1】
复习拖拽原理
    距离不变
    三个事件:down\move\up
限制范围
    位置进行判断
        例子:不能拖出窗口的DIV
        例子:不能拖出指定对象的DIV
    磁性吸附
【高级拖拽-2】
图片拖拽
    阻止默认事件;
文字选择
    阻止默认事件;
    IE下拖动有问题;
        事件捕获;setCapture/releaseCapture
与DOM配合
    带框的拖拽
    保留原有位置的拖拽;
【自定义滚动条】
拖拽
    只有横向拖拽
    限制范围-范围的大小;
    计算比例-当前值/最大值;
控制其他对象
    例子1:控制物体的大小;
    例子2:控制物体的透明度;
    例子3:控制文字滚动;
 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值