角度/离子点击事件传播

时间:2016-03-01 10:37:17

标签: javascript html css angularjs ionic-framework

当覆盖div覆盖视图标题或模态标题时,我试图阻止点击事件传播。 div表示通知,点击后我希望它执行重定向。问题是,当我想要阻止这种情况发生时,点击事件会冒泡到视图标题/模态标题按钮。我无法弄清楚如何防止这种行为。任何帮助将非常感谢。我试过了:

CSS:

pointer-events: none !important;

JS:

将$ event传递给ng-click以尝试:

        $event.stopPropagation();
        $event.preventDefault();

我还在ng-click功能结束时尝试过:

        return false;

HTML:

我尝试过离子类:

disable-pointer-events

并且还试过了离子指令:

data-tap-disabled="true"

我已经在codepen中重现了这种行为,请在笔中调整视口大小,以确保在打开模态时它会占用整个视口。可以通过单击基础标题按钮上方的通知来复制行为,模式打开和不打开。

任何帮助都会受到赞赏,我无法理解它。

笔:http://codepen.io/antonfire/pen/WwbMOW

由于

1 个答案:

答案 0 :(得分:0)

答案是pointer-events: auto;