如何使用javascript使得在某些控件的区域内鼠标滚轮的滚动不引起页面滚动？ - 调试易

如何使用javascript使得在某些控件的区域内鼠标滚轮的滚动不引起页面滚动？

  <TEXTAREA NAME="" ROWS="40" COLS="40" onmousewheel="return false" ></TEXTAREA>
   <TEXTAREA NAME="" ROWS="40" COLS="40"></TEXTAREA>
    <TEXTAREA NAME="" ROWS="40" COLS="40"></TEXTAREA>
<TEXTAREA NAME="" ROWS="40" COLS="40"></TEXTAREA>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<div style="border:1px #000000 solid; width:200px; height:200px;" onmousewheel="return false;"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
下面是兼容IE、FF、Opera等全部浏览器的
<script language="javascript">
var flag_in = false;
document.onmousewheel = function() {
if (flag_in)
return false;
}
</script>
<div style="border:1px #000000 solid; width:200px; height:200px;" onmouseout="flag_in=false;" onmouseover="flag_in=true;"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
哦，明白了，只要在鼠标滚动事件中return false，页面就不会滚动了，谢谢各位！