【事件绑定】
作用:防止前一个覆盖后一个事件;
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:控制文字滚动;
JS:事件-高级
最新推荐文章于 2022-03-08 22:31:42 发布