从页面中删除所有 Javascript 事件并将其放回原处

Question

我想“暂停”页面的所有事件，这意味着删除所有事件集......并能够在之后将它们放回去。

即使第一部分=删除页面的所有事件，我也不知道该怎么做！你有想法吗？

我没有发现任何有用的东西！

编辑：

为什么？我想在已经加载的页面中执行操作。用户将与页面交互，我想控制交互...所以删除之前设置的所有交互。

Answer 1

您可以使用一个全局布尔变量 paused 来代替分离所有事件处理程序，该变量将在所有事件处理程序中进行检查。

var paused = false;

function handle_some_click(e) {
    if (!paused) {
        // do something
    }
}

Answer 2

我不知道你为什么要这样做...但是你可以将所有的 javascript 放入外部 .js 文件中（正如你应该已经做的那样。然后将一个 javascript 函数硬编码到你的页面中...它看起来像像这样：

<script type="text/javascript" id="toggle" src="/myExternalJS.js"></script>
<script  type="text/javascript">
var hidden = false;

function toggleScripts() {
     if(hidden) {
          document.getElementById('toggle').setAttribute('src' '/none.js');
    } else {
          document.getElementById('toggle').setAttribute('src' '/myExternalJS.js');
    }
}

我认为这会起作用......
}

Answer 3

这是我当前使用的解决方案：它并不能完全解决问题！

我在捕获阶段停止事件：我在文档对象上放置了一个侦听器来侦听捕获阶段的所有事件并停止传播。

+：

• 列表项
• 部分解决了问题

-：

• 不适用于 IE（无捕获阶段）
• 如果文档附加了其他事件，则会在我的侦听器之前触发。

您有更好的解决方案吗？

PS：如果找到更好的解决方案，我会继续更新这篇文章

Answer 4

对于任何 AJAX 交互，您当然至少可以使用 ajax 队列 中止任何连接，并且对于任何当前动画，您可以使用 stop();

Answer 5

您可以使用 unbind() 删除所有事件

$.unbind();

Answer 6

您需要将所有事件侦听器存储在 eventMap 中。

EventMap = {

    listeners:[],
    paused:false,

    mapListener:function(eventDispacter, eventType, eventHandler) {
        listeners.push({eD:eventDispacter, eT:eventType, eH:eventHandler});

        if(!paused)
            eventDispacter.addEventListener(eventType, eventHandler);
    },

    unMapListener:function(eventDispacter, eventType, eventHandler) {
        for( var i=0; i<listeners.length; i++) {
            var listener = listeners[i];

            if(listener.eD == eventDispacter && listener.eT == eventType && listener.eH == eventHandler) {
                listeners.splice(listeners.indexOf(listener), 1);
                eventDispacter.removeEventListener(eventType, eventHandler);
            }               
        }
    },

    pauseEvents:function() {
        if(!paused) {}
            for( var i=0; i<listeners.length; i++) {
                var listener = listeners[i];
                listener.eD.removeEventHandler(listener.eT, listener.eH);
            }
        }
    },

    unPauseEvents:function() {
        if(paused) {}
            for( var i=0; i<listeners.length; i++) {
                var listener = listeners[i];
                listener.eD.addEventHandler(listener.eT, listener.eH);
            }
        }
    }
}

添加事件

<script>
    function handleClick( e ) {
        alert('Button Clicked');
    }

    EventMap.mapListener(document.getElementById('myButton'), 'click', handleClick);
</script>

暂停事件

EventMap.pauseEvents();