attachEvent()注册的事件用window.onscroll = null不能注销

最新推荐文章于 2021-12-31 14:38:10 发布
原创 最新推荐文章于 2021-12-31 14:38:10 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#null

本文介绍如何在注册了onload事件后，使用detachEvent方法取消onscroll事件监听器，以实现页面滚动事件的有效管理。

window.attachEvent("onload", onBodyLoad);注册事件后，window.onscroll = null用不能消除

window.detachEvent("onscroll", onBodyScroll);


IE11没有window.attachEvent方法处理方法
11-01
### IE11没有window.attachEvent方法处理方法 在Web开发过程中，我们经常需要处理各种浏览器兼容性问题。其中，Internet Explorer（简称IE）一直是开发者关注的重点之一，尤其是IE10及以下版本。随着技术的发展，IE...
window.addEventListener来解决让一个js事件执行多个函数
12-09
这时就要用window.attachEvent和window.addEventListener来解决一下。 下面是一个解决方法。至于attachEvent和addEventListener的用法，可以自己Google或百度一下。 代码如下: if (document.all){ window....
window.onscroll
weixin_33744854的博客
12-31 204
http://www.w3help.org/zh-cn/causes/SD9013   1.各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况 依次为 window、HTMLDivElement、document、document.body、document.documentElement 对象绑...
window.onload()方法和window.onscroll()方法
weixin_46370867的博客
11-17 7331
也许你想成为太阳，可你却只是一颗星辰；也许你想成为大树，可你却是一棵小草。于是，你有些自卑。其实，你和别人一样，也是一片风景：做不了太阳，就做星辰，在自己的星座发光发热；做不了大树，就做小草，以自己的绿色装点希望…… 下面是对window对象中 window.onload()方法和window.onscroll()方法的整理，希望可以帮助到有需要的小伙伴 JavaScript window对象 BOM中最核心的对象就是Window对象 window对象是浏览器窗口中的顶级(全局)对象 window对象的属性
window.onscroll无效问题
热门推荐
friendan的专栏
06-11 1万+
我的环境： | Grails Version: 3.1.4 | Groovy Version: 2.4.6 | JVM Version: 1.7.0_80 ------------------------------------------------------------------------------ --------------------------------------
vue单页面window.onscroll监听滚动页面报错
weixin_49965735的博客
06-25 878
mounted(){ this.getBanner() window.onscroll=this.getScrolldata }, 解决办法： beforeDestroy(){ window.onscroll=null }
解决滚动条滚动事件（window.onscroll）产生的窗口抖动问题
qq_41829332的博客
10-20 3339
在使用window.onscroll（滚动条滚动事件）时，会产生窗口抖动的情况 解决方法： 可通过setTimeout()方法设置一个延时器，设定一定毫秒后，再执行滚动条滚动事件触发时应该执行的代码。这样一定程度上的避免了窗口抖动。 代码： /** *滚动条滑倒底部打印日志：没有更多 */ var timeOut = null; window.onscroll = function () { // 防止窗口抖动 if (timeOut) { clearTimeout(t
window . addEventListener => undefined补环境
08-27
window.attachEvent('onscroll', handleScroll); // 适用于旧版 IE } ``` #### 3. **确保函数定义正确** 如果传递给 `addEventListener` 的函数未正确定义或拼写错误，可能导致运行时错误。例如： ```javascript...
window.onload = () => { renderScenic(scenicData); // 监听滚动，显示/隐藏返回顶部 window.addEventListener('scroll', () => { const btn = document.querySelector('.back-to-top'); btn.style.display = window.scrollY > 200 ? 'block' : 'none'; }); };找出改代码在Dreamweaver中的报错原因
06-12
重点：在旧版浏览器（尤其是IE8及以下）中，`addEventListener`不被支持，而是使用`attachEvent`。同时，`window.onload`的赋值方式也可能在旧浏览器中遇到问题。报错原因可能包括：1.在旧版IE中使用`...
【第1143期】优化移动端window.onscroll的执行频率方案
前端早读课
12-19 986
前言幸亏有自动化工具，让“工作”更省时间了。今日早读文章由新浪移动@敖爽分享。正文从这开始～脑洞爆炸的背景最近发现在移动端 很多时候页面滑动的速度快的时候 ， 动效呈现的不稳定性越明显 ， 会不流畅； 虽然使用css3的过渡可以从视觉层面解决这个问题 ， 但是并不能根治， 于是乎想到了一个方案。。。requestAnimationFrame（RAF）h5新增的用于刷帧的api ， 大家可以网上找到
滚动条事件window.onscroll
weixin_30631587的博客
11-16 1800
获取页面某一元素的绝对X,Y坐标 varX = $('#ElementID').offset().top; varY = $('#ElementID').offset().left; 获取相对(父元素)位置: varX = $('#ElementID').position().top; varY = $('#ElementID').position().left; ...
window.onscroll = function(){ }事件
chulengyun9253的博客
03-14 612
如果一个页面出现多个window.onscroll = function(){}事件，那麽后果是只有最后一个正常运行 解决的办法是： 方法一： window.onscroll=function(){ alert('first scroll'); } var oldMethod = ...
ReactJs 添加和删除onScroll事件。
xiaotuni的专栏,每天进步一点点
08-27 1万+
大家都可能会遇到这样的问题，那就是滚动事件 。比较获取div的滚动事件，在ReactJS想要给div添加一个滚动事件，那基本上是添加不上的(可能是我的能力有限吧，反正我到目前为止，还没有找到可以直接给DIV添加滚动事件的）。 要想实现滚动，那就必须得componentWillMount里注册scroll事件， window.addEventListener(‘scroll’, this.onScr
addEventListener解决多个window.onscroll共存问题
齐枫的博客
12-10 1万+
方法1：只适用有两个滚动事件共存时适用，当有多个的时候不推荐使用这个方法，有多个会被覆盖 window.onscroll=function(){ //默认一个页面只能同时存在一个window.onscroll函数     console.log(11); } var oldMethod = window.onscroll;   //当使用多个时建议使用这个方法或下面的方法 if(type
解决多个window.onscroll覆盖的问题
高先生的猫
07-10 1230
默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架，在框架中使用onscroll统一监听每个页面，但是在某个页面，我们可能还要使用onscroll来监控滚动条，完成具体某个业务逻辑，这是该怎么做呢？ 方法1： 只适用有两个滚动事件共存时适用，当有多个的时候不推荐使用这个方法，有多个会被覆盖 window.onscroll=function(){ //默认一个页面只能同时存在一个window.onscroll函数 console.log(11.
Gantt - attachEvent所有事件(归类、索引)
Ariel_tilamisu的博客
12-31 3891
Gantt - attachEvent所有事件(归类、索引)
function WdatePicker(el,dateFmt,showTime,skin,onPicked){this.win=window; this.top=window; while(this.top.parent.document!=this.top.document&&this.top.parent.document.getElementsByTagName("frameset").length==0){this.top=this.top.parent;} if(navigator.product=='Gecko'){if(!this.top.HTMLElement.prototype.insertAdjacentElement){this.top.HTMLElement.prototype.insertAdjacentElement=HTMLElement.prototype.insertAdjacentElement;} if(!this.top.Document.prototype.attachEvent){this.top.Document.prototype.attachEvent=Document.prototype.attachEvent;}} this.eCont=(typeof el=='string')?document.getElementById(el):el; this.dateFmt=dateFmt; this.showTime=showTime; this.skin=skin;
最新发布
09-29
我们正在讨论的是在VB.NET WebForms环境中使用WdatePicker控件（一个第三方日期选择器）的实现。用户要求解析WdatePicker函数代码的作用、功能及可能存在的问题或优化方法。 根据之前的对话，我们知道WdatePicker是...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值