首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

给div平添mouseover事件之后鼠标移出去同样会触发事件

2013-01-23 
给div添加mouseover事件之后鼠标移出去同样会触发事件我想给div添加一个mouseover事件,当鼠标在这个div上

给div添加mouseover事件之后鼠标移出去同样会触发事件
我想给div添加一个mouseover事件,当鼠标在这个div上的时候,触发一个函数,但是鼠标离开之后,不会再触发这个函数,看我的代码。


<script type="text/javascript">
var etrue = false;
function eventStart(obj){
etrue = true;
if(etrue == true)
{
var wheel = function(event) {  
                var delta = 0;  
                if (!event) /* For IE. */  
                    event = window.event;  
                if (event.wheelDelta) { /* IE/Opera. */  
                    delta = event.wheelDelta / 120;  
                } else if (event.detail) { 
                    delta = -event.detail / 3;  
                } 
                if (delta)  
                    handle(delta); 
                if (event.preventDefault)  
                    event.preventDefault();  
                event.returnValue = false;  
            };
      
            if (window.addEventListener) {  
                window.addEventListener('DOMMouseScroll', wheel, false);  
            } 
            window.onmousewheel = document.onmousewheel = wheel;  
      
            var handle = function(delta) {  
                var random_num = Math.floor((Math.random() * 100) + 50);  
                if (delta < 0) {  
                    alert("鼠标滑轮向下滚动:" + delta + "次!"); 
                } else {  
                    alert("鼠标滑轮向上滚动:" + delta + "次!");


                }  
            };
};
}
</script>
<body>
    <div id="div1">
    <div id="div2" style="width: 300px; height: 400px; background-color: #EEE;" onmouseover="eventStart(this)">
    
    </div>
    </div>
  </body>


代码不全,效果是这样的,当我的鼠标在div上滚动滑轮时,会出现"鼠标滑轮向下滚动:几次!"的对话框,但是当我的鼠标移出div之后,再滚动滑轮同样会触发这个事件,不知道什么原因,求高人解答。 javascript mouseover div
[解决办法]
大神 你用的是mouseover啊 本来就是要鼠标在div上才会出发的呀
[解决办法]
window.onmousewheel = document.onmousewheel = wheel;  
你整个窗体都有了滚动的事件,那你在div的外面肯定也有这个事件

热点排行