禁用swf文件上的鼠标滚轮滚动?

时间:2010-03-15 04:33:32

标签: javascript jquery flash

我在swf文件中使用滚动..无论如何都禁用所有浏览器上的滚动鼠标滚轮..我让它适用于IE和FF但Webkit无法正常工作:

$(document).ready(function() {
$("#ebook").hover(
  function () {
    document.onmousewheel = function(){
        return false
    };
    console.log('On');
  },
  function () {
    console.log('Out');
    document.onmousewheel = function() {
        return true;
    }
  }
);

});

1 个答案:

答案 0 :(得分:1)

在Web和JQuery的一些脚本的帮助下,我已经针对这个问题组装了以下Javascript解决方案,并且它适用于所有浏览器。
基于:http://adomas.org/javascript-mouse-wheel/
只需在鼠标进入容器div时禁用并重新启用鼠标onMouseLeave

jQuery(function(){
  $("#myFlashContainer").mouseenter(
    function () {
      if (window.addEventListener)
      {
        window.removeEventListener('DOMMouseScroll', wheelOn, false);
        window.addEventListener('DOMMouseScroll', wheelOff, false);
      }
      /** IE/Opera. **/
      window.onmousewheel = document.onmousewheel = wheelOff;
    }
  );

  $("#myFlashContainer").mouseleave(
    function () {
      if (window.addEventListener)
      {
        window.removeEventListener('DOMMouseScroll', wheelOff, false);
        window.addEventListener('DOMMouseScroll', wheelOn, false);
      }
      /** IE/Opera. **/
      window.onmousewheel = document.onmousewheel = wheelOn;
    }
  );

  function wheelOff(event)
  {
    var delta = 0;
    if (!event) /* For IE. */
      event = window.event;
    if (event.wheelDelta) { /* IE/Opera. */
      delta = event.wheelDelta/120;
    } else if (event.detail) { /** Mozilla case. */
      /** In Mozilla, sign of delta is different than in IE.
        * Also, delta is multiple of 3.
        */
      // delta = -event.detail/3;
    }

    if (event.preventDefault)
      event.preventDefault();
    event.returnValue = false;
  }

  function wheelOn(event)
  {
    var delta = 0;
    if (!event) /* For IE. */
      event = window.event;
    if (event.wheelDelta) { /* IE/Opera. */
      delta = event.wheelDelta/120;
    } else if (event.detail) { /** Mozilla case. */
      // delta = -event.detail/3;
    }
    if (event.preventDefault)
    {
      //event.preventDefault();
      event.returnValue = true;
    }
    return true;
  }

});