如何在鼠标滚动时关闭文档滚动 - 纯JavaScript

时间:2013-11-01 06:39:30

标签: javascript css html5 flash mousewheel

我有一个可以使用鼠标滚动的Flash交互式swf,

当鼠标悬停在flash swf / div包含闪光灯时,我试图关闭鼠标滚动。

此外,当鼠标不在闪光灯swf /包含闪光灯的div上时,鼠标滚动应该可以正常工作。

但是当它在swf上时鼠标应该正常工作。

演示: http://jsfiddle.net/yellowandred/azfMb/

HTML:

<div id="slider">
       <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="1024" HEIGHT="512" id="vtour" ALIGN="">
            <PARAM NAME=movie VALUE="http://localhost/scrollexample/abc.swf">
            <PARAM NAME=quality VALUE=high>
            <PARAM NAME=bgcolor VALUE=#333399>
            <EMBED src="http://localhost/scrollexample/abc.swf" quality=high bgcolor=#333399 NAME="example" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"  WIDTH="1024" HEIGHT="512" ></EMBED> 
       </OBJECT>
<div>

JS:

<script>
document.getElementByID("vtour").addEventListener('mousewheel', 
    function(e){
        e.stopPropagation();
        e.preventDefault();
        e.cancelBubble = false;
        return false;
    }, false);
</script>

2 个答案:

答案 0 :(得分:0)

尝试这些功能

$("#interactive-container").bind("mousewheel", function() {
         return false;
     });

您可以参考:Disable mousewheel scroll on swf files?

答案 1 :(得分:0)

试试这段代码

document.getElementByID("interactive-container").addEventListener('mousewheel', 
function(e){
e.stopPropagation();
e.preventDefault();
e.cancelBubble = false;
return false;
}, false);

看看这是否有帮助。