2

特定の要素に到達したときに、すべてのタイプのイベントの伝播を停止する方法を知りたいです。

私は考えました

function stop(e){
    e.stopPropagation();
}
function stopEvents(el){
    var events = ['click', 'mousemove', ...];
    for(var i=0; i<events.length; ++i){
        el.addEventListener(events[i], stop, false);
    }
}

よりスマートな方法はありますか？

私のコードは機能しているようですが、考えられるすべてのイベントのリストを必要としないコードが必要です。

他の人がページにコンテンツを追加するために使用できる GreaseMonkey モジュールを作成する場合、そのコンテンツ内で生成されたイベントがページのイベント リスナーをトリガーすることを望まないためです (キャプチャを使用しないと仮定します)。実際にはiframeを使用して解決しましたが、問題は学術目的のままです

4

2 に答える 2

5 
function stop(e){
    e.stopPropagation();
}
function stopEvents(el){
    for(var key in window) {
        if (key.indexOf("on") == 0) {
            el.addEventListener(key.substr(2), stop, false);
        }
    }
}

これで、すべてのイベントを取得できます。

ただし、これにより問題が発生する可能性があります。たとえば、windowで始まる別のキーをオブジェクトに追加するとon、それも と見なされます"event"。

windowオブジェクトが大きいことも考慮する必要があります。

私はあなたのコードを使用します。イベントの完全なリストは次のようになります。

グーグルクローム

["deviceorientation", "transitionend", "webkittransitionend", "webkitanimationstart", "webkitanimationiteration", "webkitanimationend", "search", "reset", "waiting", "volumechange", "unload", "timeupdate", "suspend", "submit", "storage", "stalled", "select", "seeking", "seeked", "scroll", "resize", "ratechange", "progress", "popstate", "playing", "play", "pause", "pageshow", "pagehide", "online", "offline", "mousewheel", "mouseup", "mouseover", "mouseout", "mousemove", "mousedown", "message", "loadstart", "loadedmetadata", "loadeddata", "load", "keyup", "keypress", "keydown", "invalid", "input", "hashchange", "focus", "error", "ended", "emptied", "durationchange", "drop", "dragstart", "dragover", "dragleave", "dragenter", "dragend", "drag", "dblclick", "contextmenu", "click", "change", "canplaythrough", "canplay", "blur", "beforeunload", "abort"]

ファイアフォックス

["SearchSubmit", "mouseenter", "mouseleave", "afterprint", "beforeprint", "beforeunload", "hashchange", "message", "offline", "online", "popstate", "pagehide", "pageshow", "resize", "unload", "devicemotion", "deviceorientation", "deviceproximity", "userproximity", "devicelight", "abort", "blur", "canplay", "canplaythrough", "change", "click", "contextmenu", "dblclick", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop", "durationchange", "emptied", "ended", "error", "focus", "input", "invalid", "keydown", "keypress", "keyup", "load", "loadeddata", "loadedmetadata", "loadstart", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "mozfullscreenchange", "mozfullscreenerror", "mozpointerlockchange", "mozpointerlockerror", "pause", "play", "playing", "progress", "ratechange", "reset", "scroll", "seeked", "seeking", "select", "show", "stalled", "submit", "suspend", "timeupdate", "volumechange", "waiting", "wheel", "copy", "cut", "paste", "beforescriptexecute", "afterscriptexecute"]
于 2013-07-15T00:11:16.080 に答える
1

css障害者エリアに入る可能性はありますか?

pointer-events : none;
于 2013-07-15T00:38:55.873 に答える