用JS怎么禁止window对象的滚动条滚动?
我想实现这样一个功能,当JS移动到一个DIV上时,滚动鼠标中键,网页默认的滚动条不滚动。而当鼠标移出DIV时又能恢复滚动。终于弄明白了,关键就在于preventDefau...
我想实现这样一个功能,当JS移动到一个DIV上时,滚动鼠标中键,网页默认的滚动条不滚动。而当鼠标移出DIV时又能恢复滚动。
终于弄明白了,关键就在于preventDefault()。我有查资料,资料解释为 “任何事件处理程序都可以调用preventDefault()方法阻止浏览器执行与事件相关的默认动作”,而IE中与之相对应的就是e.returnvalue=false。 展开
终于弄明白了,关键就在于preventDefault()。我有查资料,资料解释为 “任何事件处理程序都可以调用preventDefault()方法阻止浏览器执行与事件相关的默认动作”,而IE中与之相对应的就是e.returnvalue=false。 展开
1个回答
展开全部
以下代码我在IE,FF,OPERA等浏览器之中测销枯试通过……希望对你有帮助~~
<div id="objDiv" style="width:400px;height:300px;background:red">鼠标移上来滚动条滑轮拦桐看看</div>
<script type="text/javascript">
var scrollFunc=function(e){
e=e||window.event;
if (e&&e.preventDefault){
e.preventDefault();
e.stopPropagation();
}else{
e.returnvalue=false;
return false;
}
}
var obj=document.getElementById("亏衡洞objDiv");
if(obj.addEventListener&&!window.opera)
obj.addEventListener('DOMMouseScroll',scrollFunc,false);
else
obj.onmousewheel=scrollFunc;
</script>
<script>
//创建500个换行<br>测试一下!
for (var i=0 ;i<500;i++){
document.write("<br>");
}
</script>
<div id="objDiv" style="width:400px;height:300px;background:red">鼠标移上来滚动条滑轮拦桐看看</div>
<script type="text/javascript">
var scrollFunc=function(e){
e=e||window.event;
if (e&&e.preventDefault){
e.preventDefault();
e.stopPropagation();
}else{
e.returnvalue=false;
return false;
}
}
var obj=document.getElementById("亏衡洞objDiv");
if(obj.addEventListener&&!window.opera)
obj.addEventListener('DOMMouseScroll',scrollFunc,false);
else
obj.onmousewheel=scrollFunc;
</script>
<script>
//创建500个换行<br>测试一下!
for (var i=0 ;i<500;i++){
document.write("<br>");
}
</script>
追问
呵呵,之前的另一个问题我都不好意思再追问你了。没想到我重新问了一次又是你回答的。真是太感谢你了。
追答
哈哈,那还不采为最佳答案?嘿嘿
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询